1
resposta

alert aparecendo ao carregar pagina

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?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

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?