Javascript function into input

Question

<form name="test_form">
    <input id="demo" type="text" value=""> 
</form>



<button onclick="data()">GO</button>
<script>
var x=document.getElementById("demo");  
function data()
  {
    x.innerHTML="TEST"; 
  }
</script>

I am trying to input JavaScript function into input field but I've got a problem with that, nothing is happening, any ideas how to fix it?

First of all your code doesn't do what you think it does. You do not use .innerHTML to change the value of an input tag. — Codeguy007
– Codeguy007, Commented Nov 27, 2012 at 18:13

Matt · Accepted Answer · 2012-11-27 18:13:54Z

1

x.innerHTML="TEST";

should be

x.value="TEST";

answered Nov 27, 2012 at 18:13

Matt

3212 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ruan Mendes Over a year ago

@Neal, Please enlighten as to what else is wrong. I think this is the main thing. Even if it isn't, I don't think this warrants a downvote, it surely fixes the OP's problem. jsfiddle.net/Fan5v

aash · Accepted Answer · 2012-11-27 19:03:25Z

0

<script>

function data()
{
  var x=document.getElementById("demo");
  x.value="TEST"; 
}
</script>
<form name="test_form">
  <input id="demo" type="text" value=""> 
</form>
<button onclick="data();">GO</button>

http://jsfiddle.net/vdAY7/

answered Nov 27, 2012 at 19:03

aash

1,3231 gold badge14 silver badges22 bronze badges

Collectives™ on Stack Overflow

Javascript function into input

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related