Solucionado
Meu códido:
function tocaSom (idElementoAudio) {
document.querySelector(idElementoAudio).play();
}
const listaDeTeclas = document.querySelectorAll('.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);
}
console.log(contador);
}Erro:
Olá, Mariana.
Tudo bem?
Ele está com esse erro porque no "for" antes de abrir as chaves você colocou um ponto e vírgula, creio que sem querer por hábito de colocar ponto e vírgula no final da função que é bem comum no JavaScript, e isso é normal, o erro fala que o "contador" não foi definido porém ele foi sim, na verdade o compilador que se perdeu por causa desse ponto e vírgula. Para corrigir basta apagar esse ponto e vírgula no final ";"
Está assim:
for (let contador = 0; contador < listaDeTeclas.length; contador++); {Corrigido fica:
for (let contador = 0; contador < listaDeTeclas.length; contador++) {Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.