Zwei audiobuttons auf einer Seite funktioniert nicht

[wurschtbrot]

Hallo,

Ziel: bei Klick auf Button wird eine MP3 abgespielt, nach deren Ende man weitergeleitet wird.
Das funktioniert mit einem Button auch wunderbar, aber sobald ich einen zweiten Button auf der gleichen Seite einbinde, wird das MP3 dieses zweiten Buttons onclick nicht abgespielt.

Code Button 1:

<script>

let audioButton = document.querySelector('.ic001');
audioButton.addEventListener('click', function() {
    var audio = document.getElementById("audio");
    if (audio.paused) {
        audio.play();
        audio.addEventListener("ended",function() { window.location.href = "irgendwohin.de"; });
    } else {
        audio.pause();
    }
}  );
</script>
<audio id="audio" src="x1.mp3"></audio>

Code Button 2:

<script>

let audioButton = document.querySelector('.ic002');
audioButton.addEventListener('click', function() {
    var audio2 = document.getElementById("audio2");
    if (audio2.paused) {
        audio2.play();
        audio2.addEventListener("ended",function() { window.location.href = "irgendwohin2.de"; });
    } else {
        audio2.pause();
    }
}  );
</script>
<audio id="audio2" src="x2.mp3"></audio>

Natürlich besitzen die beiden Buttons die Klassen .ic001 bzw. .ic002.

Vielen Dank im Voraus für einen gedanklichen "Anstupser".
Beste Grüße, wurschti

 

[M.L.]

Auch hallo,

es gibt auch JavaScript-Debugger, die weiterhelfen könnten, wenn sich etwas nicht so tut, wie geplant. FF hat z.B. die Browser-Konsole, Chrome die Entwickler-Tools.

 

[wurschtbrot]

Hi
Danke, mit dem Debugger hab ich rausgefunden:
Uncaught SyntaxError: Identifier 'audioButton' has already been declared
Nach Umbenennung in Audiobutton2 funktioneirt es jetzt