Olá,
Antes de iniciar esta aula tentei resolver a problemática de automatizar a reprodução dos sons. Meu primeiro insight foi criar uma lista dos sons, através da tag audio. A seguir, ao invés de fazer uso da template string, usei o contador para percorrer o índice da lista de sons. Funcionou como suposto. Gostaria de saber se está correto.
const botoesLista = document.querySelectorAll('.tecla');
const sons = document.querySelectorAll('audio');
function tocaSom(tipoInstrumento){
tipoInstrumento.play();
}
for(i=0 ; i < botoesLista.length; i++){
const botao = botoesLista[i];
const tipoInstrumento = sons[i];
// const instrumento = botao.classList[1];
// const idAudio = `#som_${test}`;
botao.onclick = function(){
tocaSom(tipoInstrumento);
}
botao.onkeydown = () => {
botao.classList.add('ativa');
}
botao.onkeyup = () =>{
botao.classList.remove('ativa');
}
}
