Question

我需要一起添加2个值并在第3个文本框中显示答案但是我在第3个文本框中继续获取NAN。有帮助吗？这是我的代码：

<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>

Answer 1

您使用“sec”而不是“last”

使用错误的变量名称

您将值存储在“last”

中

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

以parseInt(sec)访问。由于sec未在脚本中的任何位置定义，因此sec的值变为undefined，因此获得NaN。

这是正确的代码，

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 is a demo

Answer 2

有一个拼写错误 - 您添加了sec但真的想要last：

document.getElementById('ans').value=parseInt(first) + parseInt(last);

Javascript一起添加两个输入值，并在单击按钮时在第三个中显示答案

2 个答案: