javascript getting my textbox to display a variable

Question

So I have some basic code in html here  i just have two textbox which u can type numbers in and when you click the button  it adds em both up  and in a perfect world  it would display the answer in that third textbox   lt html gt   lt head gt   lt  head gt   lt script type  quot text javascript quot  gt      function myfunction                 var first   document getElementById  quot textbox1 quot   value          var second   document getElementById  quot textbox2 quot   value          var answer    first    second          var textbox3   answer         lt  script gt   lt body gt       lt input type  quot text quot  name  quot textbox1 quot  id  quot textbox1 quot    gt             lt input type  quot text quot  name  quot textbox2 quot  id  quot textbox2 quot    gt       lt input type  quot submit quot  name  quot button quot  id  quot button1 quot  onclick  quot myfunction   quot  value  quot   quot    gt            lt input type  quot text quot  name  quot textbox3 quot  id  quot textbox3 quot  readonly  quot true quot   gt       lt br   gt      Your answer is  --  lt  body gt   lt  html gt   however  i can t get the answer to display in that textbox3  Does anyone know how to assign a value to that third textbox from a variable  also  as an added bonus  if anyone knows a way to also make the last line  quot Your answer is  -- quot  display the answer as well  that would be amazing

User · Accepted Answer

x000D   x000D  function myfunction     x000D    var first   document getElementById  textbox1   value  x000D    var second   document getElementById  textbox2   value  x000D    var answer   parseFloat first    parseFloat second   x000D   x000D    var textbox3   document getElementById  textbox3    x000D    textbox3 value   answer  x000D    x000D   lt input type  text  name  textbox1  id  textbox1    gt     lt input type  text  name  textbox2  id  textbox2    gt  x000D   lt input type  submit  name  button  id  button1  onclick  myfunction    value       gt  x000D   lt br  gt  Your answer is -- x000D   lt input type  text  name  textbox3  id  textbox3  readonly  true    gt  x000D   x000D   x000D

User · Answer

Even if this is already answered  1 year ago  you could also let the fields be calculated automatically   The HTML       lt tr gt           lt td gt  lt input type  text  value     gt  lt  td gt           lt td gt  lt input type  text  class  class name  placeholder  bla bla   gt  lt  td gt       lt  tr gt       lt tr gt           lt td gt  lt input type  text  value     gt  lt  td gt           lt td gt  lt input type  text  class  class name  placeholder  bla bla    gt  lt  td gt       lt  tr gt    The script    document  ready function                        class name   each function                          this  keyup function                            calculateSum                                                                                                         function calculateSum                    var sum 0                      class name   each function                        if  isNaN this value   amp  amp  this value length  0                           sum  parseFloat this value                                             else if isNaN this value                             alert  Maybe an alert if they type   instead of                                                                                     sum   html sum toFixed 2

User · Answer

You re on the right track with using document getElementById   as you have done for your first two text boxes  Use something like document getElementById  textbox3   to retrieve the element  Then you can just set its value property  document getElementById  textbox3   value   answer   For the  Your answer is  --   I d recommend wrapping the  --  in a  lt span  gt   e g   lt span id  answerDisplay  gt -- lt  span gt    Then use document getElementById  answerDisplay   textContent   answer  to display it

[javascript] javascript getting my textbox to display a variable

Examples related to javascript

Examples related to html

Examples related to textbox