Meu código não funciona quando é apertado a tecla ( Enter ) Não fica iluminado! Testei com o material final do curso e também não funcionou. Eu ja testei também NumpadEnter e NumPadEnter e não foi e os navegadores Brave, Google e Edge.
Segue abaixo meu código:
function tocaSom (idElementAudio) { document.querySelector(idElementAudio).play(); }
const listaDeTeclas = document.querySelectorAll('.tecla');
for (let z = 0; z < listaDeTeclas.length; z++) {
const tecla = listaDeTeclas[z];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}`;
tecla.onclick = function () {
tocaSom(idAudio);
}
tecla.onekeydown = function (event) {
if (event.code === 'Enter' || event.code === 'Space') {
tecla.classList.add('ativa');
console.log(ativa);
}
}
tecla.onekeyup = function () {
tecla.classList.remove('ativa');
}}
