<button id="botao">clique-me</button>
<script>
var botao = document.querySelector('#botao');
function botaoHandler() {
alert('Botão clicado');
}
botao.addEventListener('click', botaoHandler());
</script>
<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>