<head>
<meta charset="UTF-8">
<title>calculator</title>
<script type="text/javascript">
var strs = "";
function OnClick(obj) {
var str = obj.innerText;
var numInput = document.getElementById("numInput");
if(str=="="){
numInput.value="";
str=eval(strs);
strs = str+"";
}else{
strs += str;
}
if(str=="c"){
numInput.value = "";
strs="";
str="";
}
if(str=="+"||str=="-"||str=="*"||str=="/"){
numInput.value = str;
}else{
if(isNaN(numInput.value)){
numInput.value="";
}
numInput.value += str;
}
}
</script>
</head>
<body>
<h2 align="center">计算器</h2>
<table border="1px" cellspacing="2" align="center" bgcolor="lightgray" bordercolor="white">
<tr>
<td colspan="4">
<input type="text" id="numInput" style="text-align: right;"/>
</td>
</tr>
<tr align="center">
<td onclick="OnClick(this)">c</td>
<td onclick="OnClick(this)">/</td>
<td onclick="OnClick(this)">*</td>
<td onclick="OnClick(this)">-</td>
</tr>
<tr align="center">
<td onclick="OnClick(this)">7</td>
<td onclick="OnClick(this)">8</td>
<td onclick="OnClick(this)">9</td>
<td onclick="OnClick(this)" rowspan="2">+</td>
</tr>
<tr align="center">
<td onclick="OnClick(this)">4</td>
<td onclick="OnClick(this)">5</td>
<td onclick="OnClick(this)">6</td>
</tr>
<tr align="center">
<td onclick="OnClick(this)">1</td>
<td onclick="OnClick(this)">2</td>
<td onclick="OnClick(this)">3</td>
<td onclick="OnClick(this)" rowspan="2">=</td>
</tr>
<tr align="center">
<td onclick="OnClick(this)">0</td>
<td onclick="OnClick(this)" colspan="2">.</td>
</tr>
</table>
</body>
![计算机效果图](https://img-blog.csdnimg.cn/20201210142554498.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTEyMDY0,size_16,color_FFFFFF,t_70#pic_center)
html JavaScript 计算机
最新推荐文章于 2021-07-23 16:49:32 发布