Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Ao carregar a pagina depois de inserir o som nas teclas o navegador trava e não exibe nada

Referente ao curso JavaScript para Web: Crie páginas dinâmicas

por Daniel Moreira
| 35.1k xp | 1 posts
Analista de Negócio

Segui as orientações do vídeo referente aos textos dinâmicos, e após realizar todos os passos no final tudo simplesmente parou de funcionar, sou bem iniciante comparei o meu código com o do víeo não encontro onde esta o problema.

Segue meu código:

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

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

let contador =0;

while (contador < listaDeTeclas.length){

const teclas = listaDeTeclas[contador];
const instrumento = teclas.classList[1];

const idAudio = `#som_${instrumento}`;

teclas.onclick = function(){
    tocaSom(idAudio);
}

}

Resultado no navegador: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!
por Lewy Alves
| 72.5k xp | 14 posts

Olá, tudo bem? Observando seu código vejo que você não especificou que contador deve somar +1. Então adicione no seu código após a tecla.onclick:

contador = contador + 1;

Código resolvido:

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

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

let contador =0;

while (contador < listaDeTeclas.length){
    const teclas = listaDeTeclas[contador];
const instrumento = teclas.classList[1];

const idAudio = `#som_${instrumento}`;

teclas.onclick = function(){
    tocaSom(idAudio);
    }  
    contador = contador +1;

}

Espero ter ajudado ;D