2

O que eu queria era receber o nome da pessoa mostra com o alert porém não estou conseguindo

Meu código html

var nome = document.getElementById('id1').value;
function clique(){
  alert(nome);
}
<input id="id1" type="text"/>
<button onclick="clique">Clique aqui</button>

2 Respostas 2

5

Faltava apenas adicionar () no onclick para chamar a função e colocar a variável dentro do escopo função para que o nome seja capturado durante a execução da mesma.

function clique(){
  var nome = document.getElementById('id1').value;
  alert(nome);
}
<input id="id1" type="text"/>
<button onclick="clique()">Clique aqui</button>

1
  • nossa que falta atenção, muito obrigado 2/10/2018 às 20:13
4

Tem dois problemas no seu código:

1) Para chamar uma função JavaScript tem que colocar os () e de preferência colocar o ; no final também.

2) Vocês esta pegando o valor do input id1 fora da função, os seja, ele era pego antes de executar a função. Se mantivesse fora o valor impresso no alert sempre iria ser vazio.

function clique(){
  var nome = document.getElementById('id1').value;
  alert(nome);
}
<input id="id1" type="text"/>
<button onclick="clique();">Clique aqui</button>

4
  • Desculpe se eu for chato, mas por que colocar ; no final rs?
    – Meu ovo
    2/10/2018 às 20:27
  • O ; é um delimitador de linha. Se só há 1 linha, não é preciso rs
    – Meu ovo
    2/10/2018 às 20:28
  • @sam, já vi muitos códigos executando vários métodos no mesmo evento, por exemplo pegaValor();exibeValor();, por conta disso sempre mantenho ; para evitar problemas. 2/10/2018 às 20:31
  • Claro, mas nesse caso não precisa :D
    – Meu ovo
    2/10/2018 às 20:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .