Why is the JS handler not working properly?

Question

JavaScript

I am not strong in JS, I read the guide on event handlers and wrote the code:

var audio = document.getElementById("musicPlayer");
audio.addEventListener('ended', function () {
  nextPlayMusic();
})

When I press pause, I clean the event:

var audio = document.getElementById("musicPlayer");
audio.removeEventListener("ended", function() {});

But after some time of pause, nextPlayMusic(); from the event...
What am I doing wrong?

Answer 1

You need to delete the same function that was added, and an anonymous function is created every time a new one, so

audio.addEventListener('ended', nextPlayMusic);
audio.removeEventListener('ended', nextPlayMusic);