Meu código só funcionou quando coloquei o contador dentro dos colchetes.
let contador=0;
const listaDeTeclas = document.querySelectorAll('.tecla'); function incrementarContador(){ contador=contador+1; console.log("contador:" +contador);
} listaDeTeclas[contador].onclick = incrementarContador;
hoje, com a Alura e o Google Gemini
Olá, Alessandra! Tudo bem?
No seu código, você está usando listaDeTeclas[contador].onclick = incrementarContador;, onde o índice contador muda conforme a função incrementarContador é chamada. Assim, o botão que está associado ao evento onclick também muda a cada clique, o que pode gerar comportamentos inesperados.
Na resposta do exercício, o instrutor sugere simplificar a lógica associando o evento onclick diretamente a um botão específico, mantendo o foco em um único elemento e sem depender do valor de contador para a seleção.
let contador = 0;
function incrementarContador() {
contador = contador + 1;
console.log("Contador: " + contador);
}
const tecla = document.querySelector(".tecla_pom")
tecla.onclick = incrementarContador;
Aqui, a função incrementarContador apenas incrementa o valor de contador e exibe o resultado no console. O evento onclick é associado diretamente ao botão identificado por .tecla_pom, o que evita a necessidade de atualizar o índice ou modificar o elemento associado ao evento a cada clique.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)