HTML display result in text input field

Question

I have a simple HTML form  with 3 input field  when you hit   button  it suppose to add 2 numbers that you typed in the first 2 input fields and display result in 3rd filed  Is it possible to do that   I need result in a box  or table  or some thing rather than in plain text   I try the following but doesn t work  it does nothing   can somebody help me    lt HTML gt         lt HEAD gt           lt TITLE gt Sum lt  TITLE gt            lt script type  text javascript  gt            function sum                            var num1   document myform number1 value               var num2   document myform number2 value               var sum   parseInt num1    parseInt num2                document getElementById  add   innerHTML   sum                       lt  script gt         lt  HEAD gt          lt BODY gt           lt FORM NAME  myform  gt             lt INPUT TYPE  text  NAME  number1  VALUE    gt                lt INPUT TYPE  text  NAME  number2  VALUE    gt             lt INPUT TYPE  button  NAME  button  Value     onClick  sum    gt             lt INPUT TYPE  text  ID  add  NAME  result  VALUE    gt           lt  FORM gt          lt  BODY gt   lt  HTML gt

User · Answer

With  value and INPUT tag   lt HTML gt     lt HEAD gt       lt TITLE gt Sum lt  TITLE gt        lt script type  text javascript  gt        function sum                     var num1   document myform number1 value           var num2   document myform number2 value           var sum   parseInt num1    parseInt num2            document getElementById  add   value   sum               lt  script gt     lt  HEAD gt      lt BODY gt       lt FORM NAME  myform  gt         lt INPUT TYPE  text  NAME  number1  VALUE     gt            lt INPUT TYPE  text  NAME  number2  VALUE     gt         lt INPUT TYPE  button  NAME  button  Value     onClick  sum     gt         lt INPUT TYPE  text  ID  add  NAME  result  VALUE     gt       lt  FORM gt      lt  BODY gt   lt  HTML gt    with innerHTML and DIV   lt HTML gt     lt HEAD gt       lt TITLE gt Sum lt  TITLE gt        lt script type  text javascript  gt        function sum                     var num1   document myform number1 value           var num2   document myform number2 value           var sum   parseInt num1    parseInt num2            document getElementById  add   innerHTML   sum               lt  script gt     lt  HEAD gt      lt BODY gt       lt FORM NAME  myform  gt         lt INPUT TYPE  text  NAME  number1  VALUE     gt            lt INPUT TYPE  text  NAME  number2  VALUE     gt         lt INPUT TYPE  button  NAME  button  Value     onClick  sum     gt         lt DIV  ID  add  gt  lt  DIV gt       lt  FORM gt      lt  BODY gt   lt  HTML gt

User · Answer

innerHTML sets the text  including html elements  inside an element  Normally we use it for elements like div  span etc to insert other html elements inside it   For your case you want to set the value of an input element  So you should use the value attribute   Change innerHTML to value  document getElementById  add   value   sum

User · Answer

lt HTML gt         lt HEAD gt           lt TITLE gt Sum lt  TITLE gt            lt script type  text javascript  gt            function sum                             var num1   document myform number1 value               var num2   document myform number2 value               var sum   parseInt num1    parseInt num2                document getElementById  add   value   sum                       lt  script gt         lt  HEAD gt          lt BODY gt           lt FORM NAME  myform  gt             lt INPUT TYPE  text  NAME  number1  VALUE     gt                lt INPUT TYPE  text  NAME  number2  VALUE     gt             lt INPUT TYPE  button  NAME  button  Value     onClick  sum     gt             lt INPUT TYPE  text  ID  add  NAME  result  VALUE     gt           lt  FORM gt          lt  BODY gt   lt  HTML gt    This should work properly   1  use  value instead of  innerHTML  when setting the 3rd field  input field   2  Close the input tags

User · Answer

Do you really want the result to come up in an input box   If not  consider a table with borders set to other than transparent and use  document getElementById  sum   innerHTML   sum

[javascript] HTML display result in text (input) field?

With .value and INPUT tag

with innerHTML and DIV

Examples related to javascript

Examples related to html