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

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

我需要一起添加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>

最佳答案:

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

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

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

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复