Simple y sencillamente Javascript no me quiere eliminar el evento de un <audio>
, ya hice todo lo que investigue en internet y nada funciona.
No se que tengo mal o porque Javascript no esta haciendo caso y ya estoy desesperado.
JavaScript
var reproduccion = false;
var sonido = document.querySelector("#sonido");
var btn = document.querySelector("#btnAgregar");
btn.addEventListener("click", function(){
sonido.addEventListener("ended", function(){
reproducirAudioFinal(1);
});
});
function reproducirAudioFinal(estado = "")
{
if(reproduccion == false)
{
if(estado == 1)
sonido.setAttribute("src", "audio/ganaste.mp3");
else
sonido.setAttribute("src", "audio/perdiste.mp3");
sonido.play();
reproduccion = true;
}
else
{
sonido.pause();
reproduccion = false;
}
}
function eliminarEvento()
{
sonido.removeEventListener("ended", function(){
reproducirAudioFinal();
});
}
HTML
<audio id="sonido"></audio>
<button type="button" id="btnAgregar">Agregar Evento</button>
<button type="button" class="btn" onClick="eliminarEvento();">Eliminar Evento</button>