JavaScript Algorithms and Data Structures (Beta) Learn Basic String and Array Methods by Building a Music Player Step 19

JavaScript
1

Pass in a callback function to the map() method. The callback function should take song as a parameter, use the arrow function syntax, and have an empty body.

const songsHTML = array.map((song) => {});

The callback function of your map() method should use arrow function syntax.

I don’t know why can’t get past this step, I have tried everything.
Someone should help look into it.

2

Can you link to the lesson and specific step you are on when creating a post about a specific project issue? It will help others to better help you.

I do not see any issues with that, it looks like it should pass. You should try using the ‘reset lesson’ button (it will only reset the current step you are on) and try again. You could also see if it accepts song as the parameter without the parantheses (this is only valid when you have exactly one parameter).

3

[Learn Basic String and Array Methods by Building a Music Player] Step 19

const songsHTML = array.map((song) =>  {});

The callback function of your map() method should use arrow function syntax.

It seems everything is fine but i can’t get past this step

Link to code

4

const songsHTML = array.map(song => {});
is not necessary use () around song

5

I have done that, it is still not working

6

Hey there!
Welcome to the FCC forum. Please link your topic to the challenge step, that’s you asking about.

7

Thank you for your response, I have included the link below

here is the link to the step

8 
  const songsHTML = array.map();

Above is the original code of this challenge step. Now you need a song parameter (song) within your map() method and aero => Syntex and a empty pair of brackets {}. This called call back function.
@oyelajakenny

9

Thank you for your feedback @hasanzaib1389.

I have done that, but it is not working.
I have been on this since 4 days ago

  const songsHTML = array.map(song => {});
10

I just tried your recent code, and it passes on my end.

Try resetting the lesson and trying again.
Or you can move to the next lesson

1 Like
11

It still did not pass after resetting, perhaps I have done that several times.

Find the console output below.

I will proceed to the next step

SyntaxError: unknown: Identifier 'songsHTML' has already been declared. (91:10)

  89 | const renderSongs = (array) => {
  90 |   const songsHTML = array.map();
> 91 |     const songsHTML = array.map(song => {});
     |           ^
  92 | };
  93 |
12

You can’t declare songsHTML twice.
You can’t do that with a const variable or let.

You should only have this

hope that clarifies

13

Here is an article to better understand how const and let works

It will explain why you can’t do what you are trying to do and why there is a syntax error.

Now if you use var (which is not taught in this course), then this would be valid and would not throw an error

 var songsHTML = array.map();
 var songsHTML = array.map(song => { });

the article goes into how all of this works in more detail.
hope that helps

1 Like
14

Thank you for the clarification

1 Like
15

Yes, it does @jwilkins.oboe

1 Like
16

It helped me Thanks mam

1 Like