Olá,
Gostaria de entender o motivo de um erro que está acontecendo aqui.
Quando escrevo o código abaixo, ele funciona.
for(i = 0; i < 9; i++){
const tecla = listaDeTeclas[i];
const idAudio = '#som_'+listaDeTeclas[i].classList[1]
listaDeTeclas[i].onkeydown = function(){
tecla.classList.add('ativa');
}
}
Mas se tento fazer de uma forma mais direta, sem a definição da const tecla, como abaixo, dá erro:
for(i = 0; i < 9; i++){
const tecla = listaDeTeclas[i];
const idAudio = '#som_'+listaDeTeclas[i].classList[1]
listaDeTeclas[i].onkeydown = function(){
listaDeTeclas[i].classList.add('ativa');
}
}
O erro no console é "Uncaught TypeError: Cannot read properties of undefined (reading 'classList') at listaDeTeclas..onkeydown"
A dúvida surgiu na aula https://cursos.alura.com.br/course/javascript-web-paginas-dinamicas/task/97760.
Obrigado!