As vezes tento fazer o código antes de ver no vídeo, para testar meus conhecimentos que estou aprendendo, dessa vez, fiz o código de tocar os sons diferentes em cada botão. Fiz uma nova lista com o querySelectorAll() para os audios, criei uma classe chamada "som-tecla" para os audios para fazer a lista.
Depois, dentro do for, modifiquei o indice da lista de audios através do mesmo contador dos botões, desse jeito:
const listaTeclas = document.querySelectorAll(".tecla");
const listaSons = document.querySelectorAll(".som-tecla")
function tocaSom(valor){
valor.play();
}
for(let i = 0; i < listaTeclas.length; i++){
listaTeclas[i].onclick = function(){
tocaSom(listaSons[i]);
}
}
Está funcionando normalmente, mas queria saber se do jeito que eu fiz pode ocorrer algum erro futuro, ou se também é uma maneira correta