Build a Music Instrument Filter - Step 13

JavaScript
1

Tell us what’s happening:

Same issue as everybody else is having, it’s not accepting the basic code

selectContainer.addEventListener(“change”, () => {
productsContainer.innerHTML = instrumentCards(selectContainer.value)
});

It doesn’t work, it says "When the dropdown menu option is changed you should set the innerHTML of productsContainer to the result of the instrumentCards function called with the selected option as argument

Your code so far

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


/* file: styles.css */


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

Same issue as everybody else is having, it's not accepting the basic code

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

// 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

2

Tell us what’s happening:

I’ve gone ahead to step 14 and taken the answer that it gives and pasted it directly into step 13 and unfortunately it still wouldn’t work. I believe there is something wrong with the backend tests on the exercises that won’t let it pass

Your code so far

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


/* file: styles.css */


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

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

// 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

3

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

4

I have merged your two topics, please do not open multiple topics for the same step