Build a Music Instrument Filter - Step 13

JavaScript
1

Tell us what’s happening:

How to solve I do exactly the response about the prompt

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

selectContainer.addEventListener("change", () => {
  productsContainer.innerHTML = instrumentCards(instrumentCategory);
});

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Challenge Information:

Build a Music Instrument Filter - Step 13

2

is that the selected category option?

3

Yes I think so the selected category option

4

where does the value come from?

5

as there said “set the inner HTML of productsContainer to the result of calling instrumentCards with the selected category option.” doesn;t that mean to say productsContainer.innerHTML = instrumentCards(instrumentCategory);

6

no, instrumentCategory doesn’t exist in this scope
you need to get the value of the dropdown

7

Tell us what’s happening:

Not working with this code only giving the same problem all time

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

    .join(""); // Important: join to convert array to a single HTML string
}

selectContainer.addEventListener("change", () => {
  const instrumentCategory = selectContainer.value;
  productsContainer.innerHTML = instrumentCards(instrumentCategory);
});


// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Challenge Information:

Build a Music Instrument Filter - Step 13

8

what problem is it giving?

9

Why did you add this?

    .join(""); // Important: join to convert array to a single HTML string
}
10

Tell us what’s happening:

solving become hard for this please help with the problem

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

    .join(""); // Join the array into a single string
}

selectContainer.addEventListener("change", (e) => {
  const instrumentCategory = e.target.value; // Get the selected value
  productsContainer.innerHTML = instrumentCards(instrumentCategory);
});

// Initialize with all instruments on page load
productsContainer.innerHTML = instrumentCards("all");

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Build a Music Instrument Filter - Step 13

11

it says When the dropdown menu option is changed you should set the inner HTML of

productsContainer

to the result of the

instrumentCards

function called with the selected option as argument.

12

what is this for? why did you add this?

13

I have merged your topics, please do not create multiple topics for the same challenge

answering back to people trying to help you is also something you should do