Learn Basic String and Array Methods by Building a Music Player - Step 18

Tell us what’s happening:

Hello,

This is my code:

const songsHTML = array.map(song => {
// Return a string representing an HTML list item for each song
return <li> <strong>${song.title}</strong> by ${song.artist} (${song.duration}) </li> ;
});

Can anyone tell me where I am going wrong?

Look forward to your reply.

Your code so far

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

/* file: styles.css */

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

const songsHTML = array.map(song => {
  // Return a string representing an HTML list item for each song
  return `
    <li>
      <strong>${song.title}</strong> by ${song.artist} (${song.duration})
    </li>
  `;
});

// 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/127.0.0.0 Safari/537.36 Edg/127.0.0.0

Challenge Information:

Learn Basic String and Array Methods by Building a Music Player - Step 18

This part is okay but where did you get the rest of the code from? (Are you on step 18?)