function tocaSom (idElementoAudio) {
const elemento = document.querySelector(idElementoAudio);
if (elemento && elemento.localName === 'audio'){
elemento.play();
}
}
const listaDeTeclas = document.querySelectorAll('.tecla');
listaDeTeclas.forEach(it => {
it.onclick = () => tocaSom(`#som_${it.classList[1]}`)
it.onkeydown = (e) => {
if(e.code === 'Enter' || e.code === 'Space') {
it.classList.add('ativa')
}
}
it.onkeyup = (e) => {
if(e.code === 'Enter' || e.code === 'Space') {
it.classList.remove('ativa')
}
}
})
1
resposta
resposta
Minha versão final
Oi Diego, tudo bem?
Que felicidade ver que você terminou o projeto e se dedicou tanto! Parabéns por ter feito os exercícios propostos e finalizado mais um curso. :D
Continue os bons estudos.
Abraço.