Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida Event Listener

Boa noite!

Queria saber por qual motivo o botão continua ouvindo o evento de click mesmo quando a variável "i" está igual ou superior à 10.

const btnNext = document.getElementById("btn-next")

let i = 0

if(i >= 10){
  console.log('oi');
} else{
  btnNext.addEventListener("click", () => i++)
}

Alguém pode me ajudar?

2 respostas
solução!

Boa noite! Como vai?

Isso ocorre pois o JavaScript irá executar esse código apenas uma vez no momento que sua página for carregada. Nesse momento, como o valor de i é 0, então o addEventListener() será executado cadastrando um callback para o evento de click no botão. Sendo assim, ao clicar no botão o que ocorre é que apenas o callback é executado, de modo que o if não é verificado.

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos!

Tem razão, mosquei legal.

Muito obrigado pela ajuda!