HTML
<audio src="sounds/keyq.wav" class="som som_tecla_pom"></audio>
<audio src="sounds/keyw.wav" class="som som_tecla_clap"></audio>
<audio src="sounds/keye.wav" class="som som_tecla_tim"></audio>
<audio src="sounds/keya.wav" class="som som_tecla_puff"></audio>
<audio src="sounds/keys.wav" class="som som_tecla_splash"></audio>
<audio src="sounds/keyd.wav" class="som som_tecla_toim"></audio>
<audio src="sounds/keyz.wav" class="som som_tecla_psh"></audio>
<audio src="sounds/keyx.wav" class="som som_tecla_tic"></audio>
<audio src="sounds/keyc.wav" class="som som_tecla_tom"></audio>
JS:
const teclas = document.querySelectorAll('.tecla');
const sons = document.querySelectorAll('.som');
let i=0;
while(i<teclas.length){
teclas[i].onclick = function (){
sons[i].play();
};
i++;}
Tirei as id's dos áudios e mudei para class para que eu pudesse seguir a mesma lógica das teclas. Por que não funciona dessa forma?
