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;