How to change input field using javascript onclick?

Question

Is it possible to change input field using javascript onclick?? My code:

<form>
 <input type="text" id="demo" value="John">
</form>
<button onclick="myFunction()">Click me!</button>  
<script>
  function myFunction() {
    document.getElementById("demo").value = "Hello World";
  }
</script>

it is successful to change the text, but it is failed to change input field value anyidea how to solve it??? Thank you very much

topdev87 · Accepted Answer · 2021-01-20 01:55:10Z

1

To update the value field of the HTML as well, use setAttribute()

<form>
 <input type="text" id="demo" value="John">
</form>
<button onclick="myFunction()">Click me!</button>  
<script>
  function myFunction() {
    document.getElementById("demo").setAttribute("value", "Hello World");
  }
</script>

answered Jan 20, 2021 at 1:55

topdev87

8,7913 gold badges11 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

How to change input field using javascript onclick?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related