<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简易计算器</title>
</head>
<body>
<table border="0" >
<tr>
<td colspan="3"><h3>简易计算器</h3></td>
</tr>
<tr>
<td>第一个数</td>
<td colspan="3"><input name="txtNum1" type="text" id="txt1" size="25"/></td>
</tr>
<tr>
<td>第二个数</td>
<td colspan="3"><input name="txtNum2" type="text" id="txt2" size="25"/></td>
</tr>
<tr>
<td><input name="addButton2" type="button" id="jia" value=" ＋ " onclick="jisuan('+')" /></td>
<td><input name="subButton2" type="button" id="jian" value=" － " onclick="jisuan('-')" /></td>
<td><input name="mulButton2" type="button" id="cheng" value=" × " onclick="jisuan('*')" /></td>
<td><input name="divButton2" type="button" id="chu" value=" ÷ " onclick="jisuan('/')"/></td>
</tr>
<tr>
<td>计算结果</td>
<td colspan="3"><input name="txtresult" type="text" id="txt3" size="25" /></td>
</tr>
</table>
<script type="text/javascript">
function jisuan(x)
{ var a=Number(document.getElementById("txt1").value);
var b=Number(document.getElementById("txt2").value);
var c;
switch(x)
{ case "+": c=a+b;break;
case "-": c=a-b;break;
case "*": c=a*b;break;
case "/":if(b!=0) c=a/b;
else c="除数不能为0，请重新输入";
break;
}
document.getElementById("txt3").value=c;
}
</script>
</body>java script 脚本的简易计算器
猜你喜欢
转载自blog.csdn.net/qq_37434563/article/details/64975473
今日推荐
周排行