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(); }
Comments
Post a Comment