1
resposta

[Sugestão] Minha solução

Essa foi a solução que eu encontrei,não sei se é a melhor forma mas foi a que consegui fazer.Adicionei datas aos botões com os nomes dos áudios =

data-tecla="keyq"
data-tecla="keyw"
data-tecla="keye"
data-tecla="keya"
data-tecla="keys"
data-tecla="keyd"
data-tecla="keyz"
data-tecla="keyx"
data-tecla="keyc"

const teclas = document.querySelectorAll('.tecla');
document.querySelector('.teclado').onload = tocarSom();

let som = new Audio();

function tocarSom(){

teclas.forEach(tecla => {
  const instrumentos = tecla.dataset.tecla;

  tecla.addEventListener('click',()=>{
    som.src=`sounds/${instrumentos}.wav`;
    som.play();    
  })
});
}
1 resposta

Oi Kevin, tudo bem?

Muito obrigada por compartilhar com a gente a sua solução! E parabéns por praticar, assim você consegue fixar bem o que viu nas aulas.

Sinta-se livre para postar aqui sua evolução!

Um abraço e bons estudos.