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

JavaScript
1

Hello, I need help on this step, it’s pretty straight forward but for some reason idk why I can’t get it right.

Within the button element in the renderSongs function, add an onclick attribute. For the value, call the deleteSong function and interpolate song.id .

Sorry, your code does not pass. Keep trying.

You should add an onclick attribute to the delete button and pass in
deleteSong(${song.id}).

Here’s the code:

      <button class="playlist-song-delete" aria-label="Delete ${song.title}" onclick="deleteSong(${song.id});">
          <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8" fill="#4d4d62"/>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.32587 5.18571C5.7107 4.90301 6.28333 4.94814 6.60485 5.28651L8 6.75478L9.39515 5.28651C9.71667 4.94814 10.2893 4.90301 10.6741 5.18571C11.059 5.4684 11.1103 5.97188 10.7888 6.31026L9.1832 7.99999L10.7888 9.68974C11.1103 10.0281 11.059 10.5316 10.6741 10.8143C10.2893 11.097 9.71667 11.0519 9.39515 10.7135L8 9.24521L6.60485 10.7135C6.28333 11.0519 5.7107 11.097 5.32587 10.8143C4.94102 10.5316 4.88969 10.0281 5.21121 9.68974L6.8168 7.99999L5.21122 6.31026C4.8897 5.97188 4.94102 5.4684 5.32587 5.18571Z" fill="white"/></svg>
        </button>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

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

2

I think they want the onclick to be the first attribute of the button

3

You don’t need the semi-colon at the end the onclick value.

4

ok this worked, but it is wrong if I keep the semi-colon at the end?

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.