Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Bug] Erro na execução

Bom dia. O código continua dando erro e eu não consigo encontrar o problema (eu vi que esse mesmo erro já foi postado aqui no fórum, mas a resolução foi muito resumida e eu não entendi).

Código JS:

function tocaSom (idElementoAudio) {
    document.querySelector(idElementoAudio).play();
}

const listaDeTeclas = document.querySelectorAll('.tecla');

let contador = 0;

while (contador < listaDeTeclas.length) {
    listaDeTeclas[contador].onclick = tocaSom;

    contador = contador + 1;

    console.log(contador);
}

Imagem no DevTools

3 respostas

Oi, Brenda.

Tudo bem?

Erro fala que é como se estivesse tentando dar play em uma propriedade nula, ou seja, não está encontranto o elemento pelo id. Pode ser porque você colocou o id som_tecla_tom com dois underlines depois da palavra tecla, no curso só utiliza um, a não ser que você alterou todos id no HTML para terem dois underlines mesmo.

O SEU ESTÁ ASSIM:

tocaSom('#som_tecla__tom');

O CORRETO DE ACORDO COM O CURSO É:

tocaSom('#som_tecla_tom');

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.

Eu coloquei um underline só dessa vez, mas mesmo assim não funcionou.

solução!

Eu tinha errado outra coisa. Funcinou agora. Obrigada :)