JS How to auto-fill an input with JavaScript?

Question

JS How to auto-fill an input with JavaScript?

Navigation

#1 by (3 votes)

1

Hello

I need to make a button that when it clicks it automatically fills in the input fields.

HTML

<button type="button" id="botao">Auto</button>
<input type="text" id="nome">
<input type="text" id="sobrenome">

JS

$(document).ready(function() {
   var nome = "Joãozinho";
   var sobrenome = "Fulano";

   $("#botao").click(function(){
      $("#nome").val(nome);
      $("#sobrenome").val(sobrenome);
   });
});

But when you click the button nothing happens, what is wrong with the code?

javascript html jquery

asked by anonymous 04.08.2017 / 02:56

1 answer

Error: readdir () expects parameter 1 to be resource, boolean given A regular expression to detect acronyms of Brazilian highways

score 3 · Accepted Answer

Code is correct, see working here

$(document).ready(function() {
   var nome = "Joãozinho";
   var sobrenome = "Fulano";

   $("#botao").click(function(){
      $("#nome").val(nome);
      $("#sobrenome").val(sobrenome);
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><buttontype="button" id="botao">Auto</button>
<input type="text" id="nome">
<input type="text" id="sobrenome">