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

[Dúvida] Meu código não está funcionando, nem mesmo o while

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

// document.addEventListener('DOMContentLoaded', function() {
//     document.querySelector('.tecla_pom').onclick = tocaSom;
// });

const listaDeTeclas = document.querySelectorAll('.tecla');
let contador = 0;
console.log("teste")

while(contador < listaDeTeclas.length) {
    listaDeTeclas[contador].onclick = function () {
        tocaSom("#som_tecla_pom");
    };
    contador++
    console.log(contador)
}

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

4 respostas

Oi, Bruno

Modifique, para:

console.log("teste",listaDeTeclas.length)

Luis, segue print, veja que chamando o document.querySelectorAll diretamente a lista é carregada, mas ao chamar a variavél a lista vem vazia, inclusive o log apresentou o resultado 0. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Bruno,

No "index.html", a chamada do "main.js" está no final do "body"?

Precisar estar no final!

 <script src="main.js"></script>
</body>

Se colocar no início, ter que usar com o atributo "defer"

<script src="main.js" defer></script>

Luis, era isso mesmo. Obrigado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software