0
respostas

Erro ao aperta a tecla 'Enter', aperta não ficou vermelho, o Audio funciona. Não sei resolver isso.

function tocaSom (seletorAudio) {
const elemento = document.querySelector(seletorAudio);

if (elemento == null) {
//alert('Elemento não encontrado');
console.log('Elemento não encontrado');

}

if (elemento != null) {
if(elemento.localName === 'audio'){
elemento.play();
}
}
}

const ListaDeTeclas = document.querySelectorAll('.tecla');

//while
//para
for (let contador = 0; contador < ListaDeTeclas.length; contador++) {

const tecla = ListaDeTeclas[contador];
const instrumento = tecla.classList[1];

const idAudio = `#som_${instrumento}`; //template string

//console.log(idAudio);


  tecla.onclick = function () {
    tocaSom(idAudio);
}

tecla.onkeyDown = function (evento) {

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

 
}

tecla.onkeyup = function () {
  tecla.classList.remove('ativa');
}


//console.log(contador);

}