<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<script type="text/javascript">
window.onload = function(){
var lnput01 = document.getElementById("input01");
var lnput02 = document.getElementById("input02");
var Select = document.getElementById("select");
var Btn = document.getElementById("btn");
console.log(input01,input02,select,btn)
oBtn.onclick = function(){
var Val01 = olnput01.Value;
var Val02 = olnput02.Value;
if (Val01 == "" || Val02 == "") {
alert("输入框不可以为空");
return;
}else if(isNaN(Val01) || isNaN(Val02)){
alert("请输入数字！");
return;
}
switch (Vla){
case'1':
var sum = (parseFloot(Val01) * 100 + parseFloot(Val02) * 100) / 100;
alert(sum);
break;
case'2':
var sum = (parseFloot(Val01) * 100 - parseFloot(Val02) * 100) / 100;
alert(sum);
break
case'3':
var sum = (parseFloot(Val01) * 100 * parseFloot(Val02) * 100) / 10000;
alert(sum);
break
case'3':
var sum = Val01 / Val02
alert(sum);
}
}
}
</script>
</head>
<body>
<h1>计算器</h1>
<input id="input01" type="text">
<select id="select">
<option id="jia" value="1">+</option>
<option id="jian" value="2">-</option>
<option id="cheng" value="3">*</option>
<option id="chu" value="4">/</option>
</select>
<input id="input02" type="text">
<input id="btn" type="text" value="=">
</body>
</html>
