Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ao clicar nas teclas de som o código apresenta erros

Ao clicar nas teclas de som aparece o seguinte aviso:

"Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#som_${instrumento}' is not a valid selector. at tocaSom (file:///C:/Users/amand/OneDrive/%C3%81rea%20de%20Trabalho/aluramidi-curso-arquivos-iniciais/main.js:3:14) at tecla.onclick (file:///C:/Users/amand/OneDrive/%C3%81rea%20de%20Trabalho/aluramidi-curso-arquivos-iniciais/main.js:17:9)"

Alguém pode me ajudar a localizar o erro por favor?


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}';

    tecla.onclick = function () {
        tocaSom(idAudio);
    };
}
1 resposta
solução!

Achei o errooo, vou deixar aqui o que era caso alguém passe pelo mesmo.

Na linha 14 eu havia colocado const idAudio = '#som_${instrumento}'. Notem que eu coloquei aspas simples aqui: '#som_${instrumento}' o que está incorreto, o certo é colocar assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidade ao ajustar isso o código funcionou perfeitamente.