html - Javascript Adding two input values together and displaying answer in third when button clicked -


i need add 2 values , display answer in 3rd textbox keep getting nan in 3rd text box. ? here code:

<head>     <meta charset="utf-8" />     <title></title> </head> <body>     <h1></h1>     <form name="calcultor"  method="get" id='form1'>          first number: <input type="text" name="fnum" size="35" id="first"> + second number: <input type="text" name="snum" size="35" id="sec"><br>          <br>                answer:<input type="text" name="ans" size="35" id="ans" />  <button type="button" onclick="calculate();">calculate</button>     </form>      <script lang="javascript">         function calculate()         {           var first = document.getelementbyid('first').value;           var last = document.getelementbyid('sec').value;              document.getelementbyid('ans').value=parseint(first) + parseint(sec);            document.form1.submit();         }     </script>  </body> 

you using wrong variable name using "sec" instead of "last"

you storing value in "last"

var last = document.getelementbyid('sec').value;  

and accessing parseint(sec). sec not defined anywhere in script value of sec becomes undefined , getting nan.

here correct code,

function calculate()         {           var first = document.getelementbyid('first').value;           var last = document.getelementbyid('sec').value;              document.getelementbyid('ans').value=parseint(first) + parseint(last);            document.form1.submit();         } 

here demo


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -