main.js

// document.addEventListener("keydown", function(event) {
//     if (event.code == "KeyA") {
//         let audio = new Audio("A.mp3");
//         audio.play()
//     } else if (event.code == "KeyS") {
//         let audio = new Audio("S.mp3");
//         audio.play()
//     } else if (event.code == "KeyD") {
//         let audio = new Audio("D.mp3");
//         audio.play()
//     } else if (event.code == "KeyF") {
//         let audio = new Audio("F.mp3");
//         audio.play()
//     } else if (event.code == "KeyG") {
//         let audio = new Audio("G.mp3");
//         audio.play()
//     } else if (event.code == "KeyH") {
//         let audio = new Audio("H.mp3");
//         audio.play()
//     } else if (event.code == "KeyJ") {
//         let audio = new Audio("J.mp3");
//         audio.play()
//     } else if (event.code == "KeyW") {
//         let audio = new Audio("W.mp3");
//         audio.play()
//     } else if (event.code == "KeyE") {
//         let audio = new Audio("E.mp3");
//         audio.play()
//     } else if (event.code == "KeyT") {
//         let audio = new Audio("T.mp3");
//         audio.play()
//     } else if (event.code == "KeyY") {
//         let audio = new Audio("Y.mp3");
//         audio.play()
//     } else if (event.code == "KeyU") {
//         let audio = new Audio("U.mp3");
//         audio.play()
//     } else {
//         console.log("Unbound key is pressed.");
//     }
// });

document.addEventListener("keydown", function(event) {
    if (['a', 's', 'd', 'f', 'g', 'h', 'j', 'w', 'e', 't', 'y', 'u'].indexOf(event.key.toLowerCase()) !== -1) {
        let audio = new Audio(event.key.toUpperCase() + ".mp3");
        audio.play();
    } else {
        console.log("Unbound key is pressed.");
    }
});