計(jì)算器
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function(){
var oNumber = document.getElementById('number1');
var oNumber = document.getElementById('number2');
var oSelect = document.getElementById('select');
var oTC = document.getElementById('TC');
var oRemove = document.getElementById('remove');
oTC.onclick = function(){
var val01 = number1.value;
var val02 = number2.value;
// 判斷會(huì)不會(huì)彈出NaN
if(val01 == "" || val02 == ""){
alert('輸入框不能為空');
return;
}
if(isNaN(val01) || isNaN(val02)){
alert('請輸入數(shù)字');
return;
}
switch(oSelect.value){
case '0':
alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
break;
case '1':
alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
break;
case '2':
alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
break;
case '3':
alert(parseFloat(val01)*100) / (parseFloat(val02)*100);
}
oRemove.onclick = function(){
var val3 = val01.value;
var val4 = val02.value;
if(val01 != "" || val02 != ""){
number1.value = "";
number2.value = "";
return
}
}
}
}
</script>
</head>
<body>
<h1>計(jì)算器</h1>
<input type="text" name="" placeholder="請輸入您要計(jì)算的數(shù)字：" id="number1">
<select id="select">
<option value="0">+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" name="" placeholder="請輸入您要計(jì)算的數(shù)字：" id="number2">
<input type="button" name="" value="計(jì)算" id="TC">
<input type="button" name="" value="清除" placeholder="0" id="remove">
</body>
</html>
