O seu código está correto, exceto pelo erro de sintaxe no Var
, que seria tudo em minúscula: var
. Se atente à sintaxe do JavaScript, que diferencia letras maiúsculas de minúsculas. Ao usar Var
o programa não reconhece o comando e retorna o erro: Uncaught SyntaxError: Unexpected identifier
(é sempre bom olhar o console para visualizar possíveis erros no código).
Sobre a questão de adicionar os ()
na atribuição e disparar o alert da função, ocorre porque o código que vem após o operador de atribuição =
é executado assim que é lido, ou seja, ao fazer:
botão.onclick = alerta();
Simplesmente irá executar a função alerta()
e nada mais. Seria o mesmo que colocar apenas alert();
.
O onclick
chama uma função anônima desta forma:
botão.onclick = function(){}
Como você criou uma função alerta()
, você pode substituir o bloco function(){}
pelo nome da função, sem os ()
, assim como fez:
botão.onclick = alerta;
Desta forma você está atribuindo a função ao evento onclick
, e não executando ela, porque a variável alerta
já é uma função e você está atribuindo ela por referência.
Veja a diferença entre as duas coisas:
alertalerta(); -> com parênteses: executa a função
alert;alerta; -> sem parênteses: referencia ao valor na variável "alert""alerta"
Agora, como disseram nos comentários, evite acentos em variáveis: use botao
em vez de botão
(veja um tópico falando a respeito disso).