eu quero que o alert apareça ao clicar no botão mas ele aparece assim que carrega pagina e o botão nao funciona, esta faltando alguma coisa?
eu quero que o alert apareça ao clicar no botão mas ele aparece assim que carrega pagina e o botão nao funciona, esta faltando alguma coisa?
Salve, Marco!
Você só precisa de um ajuste:
const botao = document.getElementById('btnClique')
function Clicar () {
alert("o botão funciona")
}
botao.addEventListener('click', Clicar)
Basicamente o ajuste é: definir a função Clicar
do lado de fora do bloco do addEventListener
.
Depois, na hora de passar a função pro addEventListener
, passar ela sem os ()
.
Quando você coloca esses ()
você está, de fato, executando a função. Por isso o alerta aparece logo que você carrega a página.
Sem os ()
a função só vai ser executada quando o usuário, de fato, clicar no botão.
Percebeu a diferença?