[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

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 2

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 3

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

Answer 4

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

Answer 5

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 6

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 7

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 8

Ah now what you want makes sense.

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

Answer 9

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 10

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

Answer 11

Zero Thank you so much !!