function tocaSom (idElementAudio) {
document.querySelector(idElementAudio).play();
}
const listaDeTeclas = document.querySelectorAll('.tecla');
for (let contador = 0; contador < listaDeTeclas.length; contador++) {
const tecla = listaDeTeclas[contador];
const instrumento = tecla.classList[1];
const idAudio = `#som_${instrumento}`;
tecla.onclick = function() {
tocaSom(idAudio);
}
tecla.onkeydown = function () {
tecla.classList.add('ativa');
}
tecla.onkeyup = function () {
tecla.classList.remove('ativa');
}
}
Utilizando a resolução do projeto anterior e com base na última aula estruturei este código. Porém, no Chrome eu não consigo ver a estilização do CSS aplicada, somente no codepen.io.
