index.js

document.querySelector(".b1").addEventListener("click", (event) =>{
    var audio = new Audio('b1.mp3');
    audio.play();
});
document.querySelector(".b2").addEventListener("click", (event) =>{
    var audio = new Audio('b2.mp3');
    audio.play();
});
document.querySelector(".b3").addEventListener("click", (event) =>{
    var audio = new Audio('b3.mp3');
    audio.play();
});
document.querySelector(".b4").addEventListener("click", (event) =>{
    var audio = new Audio('b4.mp3');
    audio.play();
});
document.querySelector(".b5").addEventListener("click", (event) =>{
    var audio = new Audio('b5.mp3');
    audio.play();
});
document.querySelector(".b6").addEventListener("click", (event) =>{
    var audio = new Audio('b6.mp3');
    audio.play();
});
document.querySelector(".b7").addEventListener("click", (event) =>{
    var audio = new Audio('b7.mp3');
    audio.play();
});
document.querySelector(".b8").addEventListener("click", (event) =>{
    var audio = new Audio('b5.mp3');
    audio.play();
});