<button id="botao">clique-me</button>
<script>
var botao = document.querySelector('#botao');
function botaoHandler() {
alert('Botão clicado');
}
botao.addEventListener('click', botaoHandler());
</script>
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
<button id="botao">clique-me</button>
<script>
var botao = document.querySelector('#botao');
function botaoHandler() {
alert('Botão clicado');
}
botao.addEventListener('click', botaoHandler());
</script>
Forma correta.
<button id="botao">clique-me</button>
<script>
var botao = document.querySelector('#botao');
function botaoHandler( ){
alert('Botão clicado');
}
botao.addEventListener('click', botaoHandler);
</script>