Why cant i generate a random number?

Question

I want to generate random number in this input box by clicking the button.. What is the problem here??

 function myFunction() {
    var x = document.getElementById("demo");
    x.innerHTML = Math.floor((Math.random() * 100) + 1);
 }

<button onclick="myFunction()">Try it</button>
<input type="text" name="demo" id="demo" value="" size="13" disabled="disabled" />

Possible duplicate of: [Set Value of Input Using Javascript Function](https://stackoverflow.com/questions/5700471/set-value-of-input-using-javascript-function) — Lino, Jun 14 '18 at 08:42

score 7 · Accepted Answer · answered Jun 14 '18 at 08:39

You need to use x.value as this is a input element and it has value property and not innerHTML property.

function myFunction() {
  var x = document.getElementById("demo");
  x.value = Math.floor((Math.random() * 100) + 1);
}

<button onclick="myFunction()">Try it</button>
<input type="text" name="demo" id="demo" value="" size="13" disabled="disabled" />

score 0 · Answer 2 · answered Jun 14 '18 at 08:42

0

You have to use value instead of innerHTML

x.value= Math.floor((Math.random() * 100) + 1);

answered Jun 14 '18 at 08:42

piedpiper

2 Answers2