// ---------------- FUNCTION DOS SONS --------------- // function som(seletorAudio){ const elemento = document.querySelector(seletorAudio);
if(elemento && elemento.localName === 'audio'){
elemento.play();
}
else{
alert('Elemento não encontrado, ou seletor não encontrado')
}
}
// ---------------- ARRAY DAS TECLAS --------------- // const listaTeclas = document.querySelectorAll('.tecla');
// ---------------- ESTRUTURA REPETICAO --------------- // for(let contador = 0; contador < listaTeclas.length; contador++) {
const tecla = listaTeclas[contador];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}`;
tecla.onclick = function() {
som(idAudio);
}
tecla.onkeydown = function(evento) {
if(evento.code === 'Space' || evento.code === 'Enter') {
tecla.classList.add('ativa')
}
}
tecla.onkeyup = function() {
tecla.classList.remove('ativa')
}
}