[SOLVED]Why my code is not working?

Question

https://sololearn.com/compiler-playground/WpcagVoCUwVO/?ref=app

When i click on play button. I expect that icon get removed. But instead. It's showing error. The error arises because of line 53-57 of javascript. But I have no idea why!

Answer 1

Event listener Incomplete...

Array.from(document.getElementsByClassName("songItemList")).forEach((e)=>{
e.addEventListener("click",function(){
e.target.classList.remove("far fa-play-circle");
// The logic to play the specific song is missing

Answer 2

Music switching does not happen in the code
There are some variables that are not used yet in your project

Answer 3

Yeah yeah, but it is incomplete and that is the error. Do you want me to send the correct code? I don't think that's right...

Answer 4

Manav Roy

do this instead:

Array.from(document.getElementsByClassName("songItemList")).forEach((e)=>{
e.addEventListener("click",function(){
// change to this:
e.classList.remove("far", "fa-play-circle");
});
});

Answer 5

Zero I think it's the same code I've written 😅

Answer 6

Ah now what you want makes sense.

The code recognizes that the music player is incorrect so far.

Answer 7

Your code:

Array.from(document.getElementsByClassName("songItemList")).forEach((e)=>{
e.addEventListener("click",function(){
e.target.classList.remove("far fa-play-circle");

The fix:

Array.from(document.getElementsByClassName("songItemList")).forEach((e)=>{
e.addEventListener("click", function() {
// Toggles between play and pause for the clicked icon
this.classList.toggle("fa-play-circle");
this.classList.toggle("fa-pause-circle");

Answer 8

About the Incomplete Event Listener, the music playback doesn't work... As an example, we only have the first player (because it only has one song in its code) and the music doesn't play... understand?

Answer 9

What I did above is just changing the icon, you can do the music player one! ;)

Answer 10

Zero
Music switching doesn't happen in my code cuz it's only 40% completed and I'm yet to add all the features...

I just want it remove the play icon when i click on it. But it's throwing error and idk why. What do u mean by "Event listener incomplete"?

Answer 11

Zero Thank you so much !!