Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

151
Vistas
Playing different sounds on different buttons using switch statements not working

When I try to play a different sound on different buttons it doesn't work with switch statements. I tried the same thing if "if-else" statements worked. Please can somebody assist me with what I am doing wrong with the switch statements?

var numberOfDrumButtons = document.querySelectorAll(".drum").length;

for (var i = 0; i < numberOfDrumButtons; i++) {
    
    document.querySelectorAll(".drum")[i].addEventListener('click', () => {
    
        var buttonInnerHTML = this.innerHTML;
    
        switch (buttonInnerHTML) {
            case "w":
                var tom1 = new Audio("sounds/tom-1.mp3");
                tom1.play();
                break;
    
            case "a":
                var tom2 = new Audio('sounds/tom-2.mp3');
                tom2.play();
                break;
    
            case "s":
                var tom3 = new Audio('sounds/tom-3.mp3');
                tom3.play();
                break;
    
            case "d":
                var tom3 = new Audio('sounds/tom-4.mp3');
                tom4.play();
                break;
    
            case "j":
                var snare = new Audio('sounds/snare.mp3');
                snare.play();
                break;
    
            case "k":
                var crash = new Audio('sounds/crash.mp3');
                crash.play();
                break;
    
            case "l":
                var kick = new Audio('sounds/kick-bass.mp3');
                kick.play();
                break;
    
            default:
                console.log('buttonInnerHTML');
        }
    
    });

}
over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

The problem was in this line

document.querySelectorAll(".drum")[i].addEventListener('click', () => {

solved it by changing it to

document.querySelectorAll(".drum")[i].addEventListener('click', function() {

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda