HTML input button changing content

Question

I'm trying to change the contents of an input tag using a JS function but nothing I tried seems to work. Here's what I tried:

function go (){
document.getElementById("input").innerHTML.value =  5;
};

<body>

<input type="number" id="input">

<button onclick="go()">go</button>

</body>

Would really appreaciate it if someone show me how this is done

Dij · Accepted Answer · 2017-09-18 23:22:47Z

4

just use document.getElementById("input").value

function go (){
   document.getElementById("input").value =  5;
};

<body>

<input type="number" id="input">

<button onclick="go()">go</button>

</body>

answered Sep 18, 2017 at 23:22

Dij

9,8184 gold badges21 silver badges35 bronze badges

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

Comments

Duncan Thacker · Accepted Answer · 2017-09-18 23:23:05Z

1

You don't want to change the innerHTML, just the value of the input element (which is an attribute). So this should work. I changed to a string because that's what attributes usually are, but it shouldn't matter.

document.getElementById("input").value =  "5";

answered Sep 18, 2017 at 23:23

Duncan Thacker

5,1891 gold badge12 silver badges24 bronze badges

Collectives™ on Stack Overflow

HTML input button changing content

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related