bitters | Add a dash of pre-defined style to your Bourbon | Style Language library

const sectionCenter = document.querySelector(".section-center"); is the valid statement since section-center is a class. You're trying to access it as a tag like div.

My chrome doesn't work either (88.0.4324.104). It should work, just add it to .overflow background-attachment: fixed;:

document.getElementsByClassName returns a HTMLCollection of Element objects.

Have you tried using Element as type instead of HTMLElement?

I've taken the liberty to clean up a few things along the way (such as removing some unnecessary open/closing PHP tags) and some clarifying things - I hope you don't mind! Going through your existing code:

• You shouldn't need to check is_a() on the queried object (also, consider using instanceof instead, as it has lower overhead since it's a language construct and not a function: if($queried_object instanceof WP_Term){}. Still, you shouldn't need to check it because is_product_category() runs the is_tax() function which should handle that for you.

• You seem to have an unused $taxonomy declaration

• It's less important on WordPress supplied functions, but it's good to get into the habit of using esc_url and esc_attr on attribute fields.

• You've got some redundancy issues with getting the $term set. It also seems like you could/should move these up into your outer if statement since you're already checking to see if it's a WP_Term object, so you shouldn't have to worry about things not being set or redefining values from it. Also your $term and $termid declarations are a bit mixed, it seems like they are flipped ($term is the ID and $termid is the actual object)

• You seem to be creating two separate loop argument arrays (and subsequent loops) for no real reason, other than changing variable names - based just on if it's a toplevel term or not (parent_id > 0)

• You add have a conditional

• that doesn't take advantage of the conditional check if it's the current WP_Term being queried; Did you mean to add an active class or something in there?

• You don't appear to have a

  to contain the
  • elements. I've added that in conditionally based on the results of get_terms for the child/sibling terms loop.

  I'm familiar with WooCommerce, but don't currently have it installed on my dumping ground site, but I've recreated the category (product_cat) structure from it and used this code (just with the taxonomy changed) and it appears to do what you've asked:

Array filter returns the list of all items which pass a condition. If you want only the first match, try .find. In your case, it should be

Change your interface as shown below:

You are trying to append to the variable name with the value of x. You're close, but you need to use bracket notation rather than dot notation.

For example, if x is currently 5, you can get the value of strIngredient5 with drinkResponse.drinks[0]['strIngredient'+x] or drinkResponse.drinks[0][`strIngredient${x}`].

As Lain pointed out, you can also use Object.keys to enumerate all of the keys on the object, then filter for only the keys which start with strIngredient:

Your joins are the problem:

Its "container". You have used wrong quotes for your container in this way ”container”. You should use "container" in double quotes or in single quotes 'container'