<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简易计算器</title>
<script type="text/javascript">
function compute(obj){ //obj 为形式参数，它代表运算符号
var num1,num2,result;
num1 = parseFloat(document.myform.txtNum1.value);
num2 = parseFloat(document.myform.txtNum2.value);
switch(obj){
case "+":
result=num1 + num2;
break;
case "-":
result=num1 - num2;
break;
case "*":
result=num1 * num2;
break;
case "/":
if(num2!=0)
result=num1 / num2;
else
result="除数不能为0，请重新输入！";
break;
}
document.myform.txtResult.value=result;
}
</script>
</head>
<body>
<form action="" method="post" id="myform" name="myform">
<table border="0" >
<tr>
<td><img src="images/logo.png" width="54" height="54"></td>
<td colspan="3"><h3>简易计算器</h3></td>
</tr>
<tr>
<td>第一个数</td>
<td colspan="3"><input name="txtNum1" type="text" id="txtNum1" size="25"/></td>
</tr>
<tr>
<td>第二个数</td>
<td colspan="3"><input name="txtNum2" type="text" id="txtNum2" size="25"/></td>
</tr>
<tr>
<td><input name="addButton2" type="button" id="addBtn" value=" ＋ " onclick="compute('+')" ></td>
<td><input name="subButton2" type="button" id="subBtn" value=" － " onclick="compute('-')" /></td>
<td><input name="mulButton2" type="button" id="mulBtn" value=" × " onclick="compute('*')" /></td>
<td><input name="divButton2" type="button" id="divBtn" value=" ÷ " onclick="compute('/')" /></td>
</tr>
<tr>
<td>计算结果</td>
<td colspan="3"><input name="txtresult" type="text" id="txtResult" size="25"/></td>
</tr>
</table>
</form>
</body>
</html>
评论0