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

[Erro]: TypeError: document.querySelector(...) is null

Boa tarde!

Creio que meu código está correto :

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


const listaDeTeclas = document.querySelectorAll('.tecla');
let contador = 0;
while(contador = listaDeTeclas.length){
    listaDeTeclas[contador].onclick = function(){
tocaSom('#toca_som_pom');

    }
    contador = contador + 1;
    console.log(contador);

}

]()

Porém no navegador Firefox surge esse erro ao tentar chamar alguma ID

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Podem me ajudar nessa por favor? Obrigado!

2 respostas
solução!

Olá, Lucas. Tudo bem?

O document.querySelector(idElementoAudio) retorna null quando o seletor não encontra nenhum elemento correspondente no DOM. Certifique-se de que o ID passado para a função tocaSom realmente existe no HTML. Por exemplo, você está passando #toca_som_pom, enquanto a instrutora está passando '#som_tecla_pom', verifique o ID do elemento no seu HTML.

O loop while está incorreto. A condição deve ser contador < listaDeTeclas.length em vez de contador = listaDeTeclas.length. Corrija para:

while (contador < listaDeTeclas.length) {
    listaDeTeclas[contador].onclick = function() {
        tocaSom('#som_tecla_pom'); // Ajuste aqui conforme necessário
    }
    contador = contador + 1;
}

Depois desses ajustes, peço que me retorne com o resultado, estou a disposição caso precise de apoio.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar.

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Sensacional, era isso mesmo ! Foi falta de atenção, muito obrigado pela ajuda !