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

JavaScript
1

Tell us what’s happening:

Step 86

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

I tried:

      <button
      onclick = "deleteSong(${song.id})"
      class="playlist-song-delete" 
      aria-label="Delete ${song.title}">
...svg... 
    </button>

advice received:

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

Other forum entries point to a different Step 86.

Your code so far

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


/* file: styles.css */


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

      <button
      onclick = "deleteSong(${song.id})"
      class="playlist-song-delete" 
      aria-label="Delete ${song.title}">
          <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>

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.0

Challenge Information:

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

###edit: formated html in a html codeblock

2

The problem was me adding newline characters, without them — the <button …> statement on one line — the test passed.

3

you have space before and after your attribute = sign’.
@Aethelraed

4

image
image812×789 80.4 KB

5

maybe you have modified other part of your code. the main challange code is correctly placed now

6

image
image1120×765 84.6 KB

Condensing the attributes onto one line solved it. Thank you for the formatting hint though.

1 Like
7

the main issue was that, you added extra spaces. however, you does it by space bar or pressing enter key.

8

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