Javascript操作数

Question

我有这个JavaScript代码，当我在按钮上使用此功能时，它只是粘贴两个输入文本，但我想添加它们，例如： 结果是：2 + 3 = 23 但我想要2+ 3 = 5 我的问题在哪里？

<script type="text/javascript"> 
    function Add() 
    { 
     var a; 
     var b; 
     var c; 
     a = document.getElementById('Text1').value; 
     b = document.getElementById('Text2').value; 
     c = a - b; 
     document.getElementById('Text3').value = c; 
    } 
</script> 

Answer 1

您正在寻找parseInt：

var myNum = parseInt(a, 10) + parseInt(b, 10); 

你应该总是用它的基数参数（, 10）。 Here's why。

MDN也将其列为必需参数。

Answer 2

的问题是，document.getElementById('Text1').value返回字符串值，因此添加一个字符串到另一个做字符串连接。

你要抛弃你的价值观，以数字与parseInt()或parseFloat()，如：

a = document.getElementById('Text1').value; // "2" 
b = document.getElementById('Text2').value; // "3" 
c = parseFloat(a) + parseFloat(b);   // 5 

有用：https://softwareengineering.stackexchange.com/questions/90203/why-is-so-bad-for-concatenation

Answer 3

+添加数字和连接字符串。由于您没有说过您的数字是整数，因此使用parseInt()可能不正确，您应该使用parseFloat()将字符串转换为浮点数。

a = parseFloat(document.getElementById('Text1').value); 
b = parseFloat(document.getElementById('Text2').value); 

parseFloat()

Answer 4

它串联字符串2和3。

> '2' + '3' 
"23" 
> 2 + 3 
5 

你可以通过这个用parseInt(numberVariable, 10)：

> parseInt('2', 10) + parseInt('3', 10) 
5 

如果使用十进制数，你可以使用parseFloat(numberVariable)。

> parseFloat('2') + parseFloat('3') 
5 

Answer 5

首先，你需要将它们转换为整数，然后把它们加起来：

a = parseInt(document.getElementById('Text1').value, 10); 
b = parseInt(document.getElementById('Text2').value, 10); 

如果文本框的值不是整数，而是漂浮物，然后用parseFloat。

Answer 6

使用管道符较短：

a = +document.getElementById('Text1').value; 
b = +document.getElementById('Text2').value;