1
resposta

Adicionando o botão "Enter"

Além do botão "Enter" no centro do teclado, também há o botão na parte numérica. Pelo que percebi, eles não tem o mesmo código, então ficou assim para fazer funcionar com os três botões:

for (let i = 0; i < listaDeTeclas.length; i++) {
    const tecla = listaDeTeclas[i];
    const instrumento = tecla.classList[1];

    //template string
    const idAudio = `#som_${instrumento}`;
    tecla.onclick = function () {
        tocaSom(idAudio);
    }

    tecla.onkeydown = function (evento) {
        console.log(evento.code)

        if (evento.code === 'Space' || evento.code === 'Enter' || evento.code === 'NumpadEnter') {
            tecla.classList.add('ativa');
        }
    }

    tecla.onkeyup = function (evento) {

        if (evento.code === 'Space' || evento.code === 'Enter' || evento.code === 'NumpadEnter') {
            tecla.classList.remove('ativa');
        }
    }
}
1 resposta

Fala Marcus, tudo bem? Espero que sim!

Isso mesmo, cada tecla possui o seu código! E por isso você precisa especifica-la, muito bem pela solução e que ótimo que compartilhou conosco!

Abraço e bons estudos :D