<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function count(){
var x=document.getElementById("Firstnum").value;
var y=document.getElementById("Secondnum").value;
var z=document.getElementById("Algorithm").value;
switch(z)
{
case "+": document.getElementById("Result").value=parseInt(x)+parseInt(y); break;
case "-": document.getElementById("Result").value=parseInt(x)-parseInt(y); break;
case "*": document.getElementById("Result").value=parseInt(x)*parseInt(y); break;
case "/": document.getElementById("Result").value=parseInt(x)/parseInt(y);;break;
}
}
</script>
</head>
<body>
<form>
<input id="Firstnum" type="text" name="text1"/>
<select id="Algorithm">
<option value="+" onclick="equal()">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input id="Secondnum" type="text" name="text2"/>
<input type="button" name="equal" onclick="count()" value="=">
<input type="text" name="Result " id="Result"/>
</form>
</body>
</html>
在写这个简易的四则计算器是发现了在运算加法时候，获取的第一个文本框和第二个文本框的value值是字符串而不是数字。
解决方法
parseInt() 函数
定义和用法
parseInt() 函数可解析一个字符串，并返回一个整数。
parseInt(string, radix)
| string | 必需。要被解析的字符串。 |
| radix | 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。 如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。 |