的JavaScript假裝一個整數變量作爲字符串

Question

在我的HTML頁面，JavaScript函數讀取兩個輸入框（HTML格式）的值到一個變量，並增加了，但實際上它是串聯像一個字符串的兩個變量連如果我輸入像（9,0等）的整數。

對於EG-值是1,2，它顯示了結果12.加入後但我想要導致作爲3.

Answer 1

首先，一個input - 元素的默認Type是text。這就是您對輸入值進行拼接的原因。 String + String = String。

可以使用type="number"，但你仍然需要檢查，如果用戶輸入一個有效的數字。

後，你確認你可以parse的string/text - 值對int與parseInt(value)。

我寫了一個簡單的例子未經驗證你。

function print(){ 
 
    var one = document.querySelector('#one').value; 
 
    var two = document.querySelector('#two').value; 
 
    var numberOne = parseInt(one); 
 
    var numberTwo = parseInt(two); 
 
    var sum = numberOne + numberTwo; 
 
    document.querySelector('#sum').innerHTML = sum; 
 
} 
 
document.querySelector('#print').addEventListener('click',print);

<input id="one"/> 
 
<input id="two"/> 
 
<button id="print"> Print </button> 
 
<div id="sum"></div>