Bom dia!
Consegui habilitar a função do espaço e do Enter, mas ao navegar no teclado usando a tecla Tab, as teclas ainda ficam marcadas em vermelho, mesmo após ter adicionado a função .remove... Alguem consegue dar uma luz?
JavaScript
function tocaSom(idElementoAudio){
document.querySelector(idElementoAudio).play();
}
const listaDeTeclas = document.querySelectorAll('.tecla');
//para
for (let contador = 0; contador < listaDeTeclas.length; contador++){
const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}`;
tecla.onclick = function () {
tocaSom(idAudio);
}
tecla.onkeydown = function (evento) {
if (evento.code === 'Space' ) {
tecla.classList.add ('ativa');
}
if (evento.code === 'Enter'); {
tecla.classList.add ('ativa');
}
tecla.onkeyup = function () {
tecla.classList.remove('ativa');
}
}
}