Buenas tardes a todos!!! Mi código ese el siguiente:
function playSonido (idElementoAudio) {
document.querySelector(idElementoAudio).play();
}
const listaDeTeclas = document.querySelectorAll('.tecla');
for(let contador = 0; contador < listaDeTeclas.length; contador++){
const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
console.log(contador);
const idAudio = #sonido_${instrumento};
console.log(idAudio);
tecla.onclick = function(){
playSonido(idAudio);
};
tecla.onkeydown = function(){
tecla.classList.add('activa');
}
tecla.onkeyup = function(){
tecla.classList.remove('activa');
}
}
Al presionar ENTER o TECLA ESPACIADORA la tecla de alura midi se pone de color rojo y luego vuelve a su color original, cuando presiono TAB hace la tabulación y cambia a la tecla siguiente sin problemas pero queda en rojo.
Habrá algun evento que pueda utilizar para solucionarlo?
Desde ya gracias!!