here my keydown event listener is not working any idea why ..?

131 Views Asked by At

i have been trying to add event listeners to keyboard so when respective keys are pressed a sound is made but the code that i have written is not working properly i have been trying to add event listeners to keyboard so when respective keys are pressed a sound is made but the code that i have written is not working properly

// Detecting keyboard press
document.addEventListener('keydown',function(event){
makeSound(event.key);
});


//  detecting which key is pressed and producing subsequent tune
  function makeSound(key)
{
switch (key) {
    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 tom4 = new Audio("sounds/tom-4.mp3");
          tom4.play() ;
          break;
   case "j":
          var snare = new Audio("sounds/snare.mp3");
          snare.play() ;
          break;
   case "k":
          var kickbass = new Audio("sounds/kick-bass.mp3");
          kickbass.play() ;
          break;
   case "l":
          var crash = new Audio("sounds/crash.mp3");
          crash.play() ;
          break;

    default: console.log(buttonInnerHTML)
        break;
       }}
0

There are 0 best solutions below