1
resposta

Som não sai ao clicar nos botões

Ao clicar nos botões o som não sai. Alguém poderia me ajudar, por favor?

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

1 resposta

Olá, Ingrid!

O erro acontece porque há um erro de digitação no seu código JavaScript, algo bem bobinho e super comum na vida do dev. Na linha onde você está tentando iterar sobre a lista de teclas, você escreveu "lenght" em vez de "length". Essa palavrinha já pegou todo mundo ao menos uma vez rsrs. Aqui está o código corrigido:

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

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

let contador = 0;

while (contador < listaDeTeclas.length) {

const tecla = listaDeTeclas [contador];
const instrumento = tecla.classList [1];
const idAudio = `#som_${instrumento}`;
tecla.onclick = function () {
tocaSom(idAudio);

};
contador = contador + 1;
}

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

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