Build a Music Instrument Filter

JavaScript
1

what am I getting wrong here

Build a Music Instrument Filter

2

Please post your code. Thanks

3 
function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory.toLowerCase() === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category.toLowerCase() === instrumentCategory.toLowerCase()
        );
  return instruments
    .map(({ instrument, price }) => {
      return `<div class="card">
            <h2>${instrument}</h2>
            <p>$${price}</p>
          </div>
        `})
        .join("")
}
4

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5 
function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory.toLowerCase() === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category.toLowerCase() === instrumentCategory.toLowerCase()
        );
  return instruments
    .map(({ instrument, price }) => {
      return `<div class="card">
            <h2>${instrument}</h2>
            <p>$${price}</p>
          </div>
        `})
        .join("")
}
6

what is the difference

function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory.toLowerCase() === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category.toLowerCase() === instrumentCategory.toLowerCase()
        );
  return instruments
    .map(({ instrument, price }) => {
      return `<div class="card">
            <h2>${instrument}</h2>
            <p>$${price}</p>
          </div>
        `})
        .join("")
}
7

error i am getting : 1. You should join the array returned by the
instrumentCards
function. Do not modify your event listener.

8

You provided a link to the challenge rather than a link to the specific step in the challenge you need help with. I’m assuming you’re on step 14.

Please reset this step and try again since you have changed the seed code. (Please pay attention to your data. Do the values in the select dropdown need to be converted to lower case?)

Only add what is asked to complete this challenge.

9

here

function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory.toLowerCase() === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category.toLowerCase() === instrumentCategory.toLowerCase()
        );
  return instruments
    .map(({ instrument, price }) => {
      return `<div class="card">
            <h2>${instrument}</h2>
            <p>$${price}</p>
          </div>
        `})
        .join("")
}
10

That looks like the exact same code (that you’ve posted 4x now?). Did you make any changes based upon what was said?

11

I have not seen any reply based on the code i posted

12

You should go back and read this.

13

still not parsed

function instrumentCards(instrumentCategory) {
  const instruments =
    instrumentCategory === "all"
      ? instrumentsArr
      : instrumentsArr.filter(
          ({ category }) => category === instrumentCategory
        );
  return instruments
    .map(({ instrument, price }) => {
      return `<div class="card">
            <h2>${instrument}</h2>
            <p>$${price}</p>
          </div>
        `})
        .join("")
}
14

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

15

You still made changes to the starting code other than the one requested change. I would reset the step, make absolutely zero extra changes, and only add the 1 requested change.

16

Fixed, thank you very much.

1 Like