Como pegar o valor do input com JavaScript?

Índice

Como pegar o valor do input com JavaScript?

Como pegar o valor do input com JavaScript?

Veja a parte de JavaScript necessária:

  1. var input = document. querySelector("#name");
  2. var texto = input. value;
  3. console. log(texto);

Como usar o input?

Note que você também pode usar o elemento com o tipo correspondente para produzir um botão. A principal diferença com o elemento é que o elemento permite apenas texto sem formatação como seu valor, enquanto que o elemento permite que o conteúdo HTML completo como seu valor.

Qual a função do JavaScript?

Isso quer dizer o seguinte: quando o usuário clicar ( onclick) no botão, ele deve chamar a função enviar (), função do JavaScript. Função nada mais é que um trecho de código que faz coisas específicas. Em breve estudaremos bem mais a fundo as funções em JS. Agora vem o nosso código JavaScript.

Como adicionar um ID para o input do texto?

A primeira coisa que faremos nessa dica é adicionar um ID para o input do tipo texto. E um evento onclick e um value em nosso botão, que na verdade é do tipo submit.

Como faço para atribuir a variável valor no formulário de input?

Agora vem o nosso código JavaScript. Essa função simplesmente vai no documento ( document) e pega um elemento pelo id ( getElementById ), especificamente o elemento textinput (nosso formulário input), copia seu valor ( .value) e atribui a variável valor. E prontinho, agora a variável valor pegou o que você digitou no formulário de input.

Postagens relacionadas: