Add a string of text into an input field when user clicks a button

Question

Basically just trying to add text to an input field that already contains a value   the trigger being a button    Before we click button  form field would look like    user inputted some data    This is some text   Button    After clicking button  field would look like    we add after clicking to the current value    This is some text after clicking   Button    Trying to accomplish using javascript only

User · Accepted Answer

Example for you to work from  HTML    lt input type  text  value  This is some text  id  text  style  width  150px     gt   lt br   gt   lt input type  button  value  Click Me  id  button    gt     jQuery    lt script type  text javascript  gt    function              button   on  click   function              var text       text            text val text val       after clicking                     lt script gt    Javascript   lt script type  text javascript  gt  document getElementById  button   addEventListener  click   function          var text   document getElementById  text        text value      after clicking        lt  script gt    Working jQuery example  http   jsfiddle net geMtZ

User · Answer

this will do it with just javascript - you can also put the function in a  js file and call it with onclick    button  lt div onclick      document forms  name of the form    name of the input   value     text you want to add to it    gt button lt  div gt

User · Answer

Don t forget to keep the input field on focus for future typing with input focus    inside the function

User · Answer

Here it is  http   jsfiddle net tQyvp   Here s the code if you don t like going to jsfiddle   html   lt input id  myinputfield  value  This is some text  type  button  gt     Javascript      body   on  click     myinputfield   function        var textField       myinputfield        textField val textField val     after clicking

[javascript] Add a string of text into an input field when user clicks a button

Examples related to javascript

Examples related to jquery