-1
在我的HTML页面,JavaScript函数读取两个输入框(HTML格式)的值到一个变量,并增加了,但实际上它是串联像一个字符串的两个变量连如果我输入像(9,0等)的整数。的JavaScript假装一个整数变量作为字符串
对于EG-值是1,2,它显示了结果12.加入后但我想要导致作为3.
在我的HTML页面,JavaScript函数读取两个输入框(HTML格式)的值到一个变量,并增加了,但实际上它是串联像一个字符串的两个变量连如果我输入像(9,0等)的整数。的JavaScript假装一个整数变量作为字符串
对于EG-值是1,2,它显示了结果12.加入后但我想要导致作为3.
首先,一个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>
因为你需要将它们转换为数字先用'号()' – MinusFour
可以使用parseInt函数或+运算符将字符串转换为int ..这里把实际的代码 –
你有一个几个选项,你可以在变量添加时使用'parseInt()'。如果你进行谷歌搜索,还有大量关于这方面的信息。 – Confuzing