1
resposta

Tentei resolver de outra forma e nao sei por que nao funciona

Referente ao curso JavaScript para Web: Crie páginas dinâmicas, no capítulo Iterando em listas e atividade Textos dinâmicos

por CAIO MARCELLUS MARTINEZ CABRAL
| 362.9k xp | 88 posts

Da forma que eu vejo o meu codigo deveria funcionar. Alguem sabe por que nao funciona?

Abracos!

const botoes = document.querySelectorAll(".tecla");

const audios = document.querySelectorAll("audio");

function tocaSom(i){
    audios[i].play();
};  


for(i=0; i<botoes.length; i++){


   botoes[i].onclick = function(){
      tocaSom(i);
   }
};

O erro que da eh:

main.js:6 Uncaught TypeError: Cannot read properties of undefined (reading 'play') at tocaSom (main.js:6:15) at botoes..onclick (main.js:14:7)

1 resposta
por Alison
| 63.7k xp | 30 posts

Olá tudo bem !

dei uma olhada no seu codigo e vi que falta epenas o le na função for ex: for (let i = 0; .....

const botoes = document.querySelectorAll(".tecla");

const audios = document.querySelectorAll("audio");

function tocaSom(i){
    audios[i].play();
};  


for(let i=0; i<botoes.length; i++){


   botoes[i].onclick = function(){
      tocaSom(i);
   }
};

espero que ajude !!