Skip to main content
adicionou 3 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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).

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:

alert(); -> com parênteses: executa a função
alert;   -> sem parênteses: referencia ao valor na variável "alert"

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).

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:

alerta(); -> com parênteses: executa a função
alerta;   -> sem parênteses: referencia ao valor na variável "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).

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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:

alert(); -> com parênteses: executa a função
alert;   -> sem parênteses: referencia ao valor na variável "alert"

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).