const teclas = document.querySelectorAll('.tecla');
const audios = document.querySelectorAll('.audio');
function tocaSom() {
for (let i = 0; i < teclas.length; i++) {
teclas[i].addEventListener('click', function(){
audios[i].play();
});
}
}
tocaSom();
eu poderia fazer desse jeito?
Fala Julio, blz?
Cara, até pode, caso você deseje reutilizar o código em outros lugares. Mas com se você for olhar pela facilidade de manter e escalar, acho melhor utilizar forEach, pois o código ficaria menos verboso. Desta forma:
const teclas = document.querySelectorAll('.tecla');
const audios = document.querySelectorAll('.audio');
teclas.forEach((tecla, i) =>{
tecla.addEventListener('click', function(){
audios[i].play();
});
});
Espero ter ajudado.