1
resposta

Resultado dos exercicios, igualzin, mas estou fazendo um de piano

// ---------------- 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')
}

}

Estou modificando para este

1 resposta

Olá, Filipe! Nossa, que legal!

Parabéns pela dedicação! Se achar de boa, compartilha o link do repositório desse projeto no github. (Caso não tenha guardado lá, é uma ótima forma de você ir fazendo o seu portfólio.)

É legal compartilhar projetos legais como esse com outros estudantes, sempre vai ajudar alguém.

Bons estudos!

Surgindo dúvidas, pode contar com a gente!