Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Não sai o som e nem aparece o código no console

Olá.

Não está saindo o som quando clico nas teclas e nem aparecendo o que é mostrado em vídeo no meu console do navegador. Testei os dois navegadores; Mozilla e Chrome, e acontece isso nos dois.

Código do Js:

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

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

let contador = 0;

// enquanto
while (contador < listaDeTeclas.lenght) {

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

    // template string
    const idAudio = `#som_ ${instrumento}`;

    console.log(idAudio);

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

    contador = contador + 1;

    console.log(contador);

}
1 resposta
solução!

Olá Milena, tudo bem?

Dei uma olhadinha no seu código, notei que na linha do While o LENGTH está escrito errado (LENGHT) por isso que não aparecia as informações para você no console log.

Já para o áudio que não estava saindo, na linha do "CONST ID AUDIO" há um espaço do anderline _ para o sifrão. Por este motivo estava dando erro no audio também. Espero ter ajudado :)

Linhas a corrigir:

while (contador < listaDeTeclas.lenght) { 

Trocar LENGHT por LENGTH. Devendo ficar desta maneira:

while (contador < listaDeTeclas.length) { 

...

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

tirar o espaço entre o anderline _ e sifrão, devendo ficar desta maneira:

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