如何从输入标签中总结两个数字？

IT技术 javascript input tags
2021-03-13 07:47:42

可能的重复：
如何将两个字符串作为数字相加？

我写了一个简单的 JavaScript 代码，我想使用两个输入框并从两个值中添加数字。这是代码，我看到结果是 1520 而不是 35。

我该如何解决？ 

n1 <input type = "number" id = "n1" value=15 />
n2 <input type = "number" id = "n2" value=20 />

<p>Sum?</p>
<button onclick="sum()">Try it</button>
<p id="demo2">Result?? </p>

<script type="text/javascript">
 function sum() 
{ 
    var fn, ln; 
    fn = document.getElementById("n1").value; 
    ln = document.getElementById("n2").value; 
    result =  (fn+ln); 
    document.getElementById("demo2").innerHTML = result; 
}
</script>
2个回答

使用parseInt(), 或parseFloat(); 您遇到的问题是您正在连接两个字符串，而不是将两个数字相加。parseInt()（假设它找到一个实数）通过将字符串转换为数字来解决该问题：

 function sum() 
{ 
    var fn, ln, result; 
    fn = parseInt(document.getElementById("n1").value, 10);
    ln = parseInt(document.getElementById("n2").value, 10);
    result =  (fn+ln); 
    document.getElementById("demo2").innerHTML = result; 
}

在, 10那之后的出现value是基数，这确保其中数个碱基返回的数字（如果有的话）会。

另请注意，该result变量也应在函数内声明，以避免污染全局范围（并可能在其他地方与其他变量产生问题）。

参考：

嗯，是的：我有点懒惰。（更正）=）
2021-04-25 07:47:42
不result应该声明为局部变量吗？或者，完全摆脱它并使用document.getElementById("demo2").innerHTML = (fn + ln);.
2021-05-17 07:47:42 
result =  (parseFloat(fn)+parseFloat(ln));
其它你可能感兴趣的问题
上一篇GmailApp - 将标签添加到特定邮件，而不是线程 下一篇给定 React 组件中的两次按钮单击有什么区别？