My buttons wont play a sound when clicked

JavaScript
1

The buttons are supposed to play the sound corresponding to the image but it doesnt do anything.
Here is my code:

var buttons = document.querySelectorAll("button");

for (i = 0; i < document.querySelectorAll(".drum").length; i++) {
  document.querySelectorAll(".drum")[i].addEventListener("click", function() {
    var buttonInnerHtml = this.innerHtml;`

    switch (buttonInnerHtml) {
      case "w":
        var audio = new Audio("sounds/tom-1.mp3")
        audio.play();
      case "a":
        var audio = new Audio("sounds/tom-2.mp3")
        audio.play();
      case "s":
        var audio = new Audio("sounds/tom-3.mp3")
        audio.play();
      case "d":
        var audio = new Audio("sounds/tom-4.mp3")
        audio.play();
      case "j":
        var audio = new Audio("sounds/snare.mp3")
        audio.play();
      case "k":
        var audio = new Audio("sounds/kick-bass.mp3")
        audio.play();
      case "l":
        var audio = new Audio("sounds/crash.mp3")
        audio.play();
        break;

        default; console.log(innerHtml)
    }
  });
}
2

This looks like a syntax error. Does your console say you have a syntax error?

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.