How to display a Text in an input field on a button click?

Question

i want any text like hello world to be appeared in a input field when i click the button. How can i do that?

enter code here

<button class='submit' onclick="myFunction()"> Click Me </button>
<input type= 'text' id='demo'>

Answer 1

Use eventListeners via addEventListener

 window.addEventListener("load", onLoadHandler); function onLoadHandler(){ let button = document.getElementById("myButton"); button.addEventListener("click",buttonClick); } function buttonClick(e){ let input = document.getElementById("textInput"); input.value = "Hello world;"; }

 <div> <input id="textInput"> </div> <div> <button id="myButton"> write in input </button> </div>