1
resposta

Minha versão final

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

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.