Olá, pessoal! Tudo bem?
Estou estudando JavaScript novamente depois de muito tempo e acabou surgindo uma dúvida ao longo do passo a passo do Alura MIDI. No exercício, foi desenvolvido o seguinte código:
function tocaSom (idElementoAudio) {
document.querySelector(idElementoAudio).play();
}
const listaDeTeclas = document.querySelectorAll('.tecla'); //guarda em lista todos os os elemento com a classe tecla
for (let contador = 0; contador < listaDeTeclas.length; contador++) {
const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}`; //template string
tecla.onclick = function () {
tocaSom(idAudio);
}
}
Se a estruturação do código foi feita através de um for, as variáveis não seriam sobrescritas após cada incremento? A função onclick de cada input está sendo armazenada em algum local? Se sim, de que forma?
Desde já, obrigado!