的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>