Build a Music Instrument Filter - Step 14

JavaScript
1

Tell us what’s happening:

now this is my code
return instruments.map(({ instrument, price }) => <div class="card"> <h2>${instrument}</h2> <p>$${price}</p> </div> ).join(“”); and i am still getting an error in the 14th step i don’t know why

Your code so far

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


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

const productsContainer = document.querySelector(".products-container");
function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category === instrumentCategory
        );

  return instruments.map(({ instrument, price }) => `
    <div class="card">
      <h2>${instrument}</h2>
      <p>$${price}</p>
    </div>
  `).join("");
}

// User Editable Region

/* file: styles.css */
2

Please provide a link to the challenge

3

I suggest you reset the step as you have altered some of the code that was already there. Eg the return keyword inside the embedded arrow function, and the opening curly brace. Reset the step to get the code as it was and try again with the join method you have done.

4

Thank you it worked the error was that i should add the join to the general return not to the nested