Build a Music Player - Step 20

JavaScript
1

Tell us what’s happening:

My code should work, i dont see why it dosent. I have reset the test multiple times, please help me.

Your code so far

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


/* file: styles.css */


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

songs.forEach((song) => {
 song.button.addEventListener("click", () =>{
   const n = Number(song.id.split("-")[1])
   playSong(n)
 })
});

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

Challenge Information:

Build a Music Player - Step 20

2

hello!

Please try logging song.button to the console to see what it is returning. Is it what you expect?

3

Yeah somethings wierd its returning ““Cannot read properties of undefined (reading ‘addEventListener’)””

4

Yes, that’s because currently the .addEventListener is attached to song.button, but if you do a console.log(song.button) inside the .forEach(), you will get undefined.

You have to attach an event listener to the button element which is a child of song. And how do you access the child element of a node?

5

Oh i get it now thanks.