js的简易计算器

最新推荐文章于 2021-04-21 17:28:57 发布

· 101 阅读

文章标签：

<html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< script type="text/javascript">
var flag = true;
function getNum(num){
if(!flag){
document.getElementById('res').value = '';
flag = true;
}
document.getElementById('res').value +=num;
}
function getRes(){
var num = document.getElementById('res').value;
num = eval(num);
document.getElementById('res').value = num;
flag = false;
}
< /script>
< /head>
< body>
< table width="300px" border="1px">
< caption>简易计算器</caption>
<tr>
<td colspan="4"><input type="text" size="53" id="res" /></td>
</tr>
<tr>
<td><input type="button" value="1" style="width:75px;" οnclick="getNum(1)" /></td>
<td><input type="button" value="2" style="width:75px;" οnclick="getNum(2)"/></td>
<td><input type="button" value="3" style="width:75px;" οnclick="getNum(3)"/></td>
<td><input type="button" value="+" style="width:75px;" οnclick="getNum('+')"/></td>
</tr>
<tr>
<td><input type="button" value="4" style="width:75px;" οnclick="getNum(4)"/></td>
<td><input type="button" value="5" style="width:75px;" οnclick="getNum(5)"/></td>
<td><input type="button" value="6" style="width:75px;" οnclick="getNum(6)"/></td>
<td><input type="button" value="-" style="width:75px;" οnclick="getNum('-')"/></td>
</tr>
<tr>
<td><input type="button" value="7" style="width:75px;" οnclick="getNum(7)"/></td>
<td><input type="button" value="8" style="width:75px;" οnclick="getNum(8)"/></td>
<td><input type="button" value="9" style="width:75px;" οnclick="getNum(9)"/></td>
<td><input type="button" value="*" style="width:75px;" οnclick="getNum('*')"/></td>
</tr>
<tr>
<td><input type="button" value="0" style="width:75px;" οnclick="getNum(0)"/></td>
<td><input type="button" value="." style="width:75px;" οnclick="getNum('.')"/></td>
<td><input type="button" value="=" style="width:75px;" οnclick="getRes('=')"/></td>
<td><input type="button" value="/" style="width:75px;" οnclick="getNum('/')"/></td>
</tr>
< /table>

</body>
< /html>