事情是这样的,我本来想用前端做一个计算器的,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页计算器</title>
</head>
<body style="background-color: aqua;">
<center>
<h1>网页计算器</h1>
请输入第一个数:<input type="text" id="num1" size="50">
<br>
请选择一个运算符号:<select name="select" id="function">
<option>加</option>
<option>减</option>
<option>乘</option>
<option>除</option>
</select>
<br>
请输入第二个数:<input type="text" id="num2" size="50">
<br>
<button onclick="equal()">运算!</button>
<br>
<h2 style="color: black;" id="result"></h2>
</center>
</body>
<script>
function equal(){
//两个数的变量
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
//运算符号
var sel = document.getElementById("function");
var func = serl.options[sel.selectedIndex].value;
delete sel;
//先判断一下玩家输入的数字是否为NaN,否在继续
if (! (num1==NaN || num2==NaN)){
//正式运算
var result = 0;
if (func=="加") {
result = num1+num2;
}else if (func=="减") {
result = num1-num2;
}else if (func=="乘") {
result = num1*num2;
} else {
result = num1/num2;
}
document.getElementById("result").innerHTML="最终的结果是" + result.toString();
} else {
window.alert("请输入正确的数字。");
}
}
</script>
</html>
但是我一运行,点那个按钮不起作用,怎么办?