<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function calc(oper){
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
if(isNaN(num1) || isNaN(num2)){
alser("必须是数字!!!");
}
var rs_obj=document.getElementById("rs1");
num1=parseInt(num1);
num2=parseInt(num2);
switch(oper){
case "+":
rs_obj.value =num1+num2;
break;
case "-":
rs_obj.value =num1-num2;
break;
case "*":
rs_obj.value =num1*num2;
break;
case "/":
if(num2==0){
document.getElementById("rs1").value="除数不能为0";
return;
}
rs_obj.value =num1/num2;
}
}
</script>
</head>
<body>
<h1>计算器</h1>
数1:<input type="text" id="num1" name="n1" class="cc"><br/>
数2:<input type="text" id="num2" name="n1" ><br/>
<input type="button" value="+" id="jia" class="cc" onclick="calc('+')"/>
<input type="button" value="-" id="jian" class="cc" onclick="calc('-')"/>
<input type="button" value="*" id="chrng" class="cc" onclick="calc('*')"/>
<input type="button" value="/" id="chu" class="cc" onclick="calc('/')"/>
<br/>
结果:<input type="text" id="rs1" name="rs"><br/>
</body>
</html>