js的简易计算器

piperzero

浏览: 3478315 次
性别:
来自: 杭州

最近访客更多访客>>

handsome1234

u012363178

zhangketuan

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3796)

社区版块

存档分类

<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;" onclick="getNum(1)" /></td>
<td><input type="button" value="2" style="width:75px;" onclick="getNum(2)"/></td>
<td><input type="button" value="3" style="width:75px;" onclick="getNum(3)"/></td>
<td><input type="button" value="+" style="width:75px;" onclick="getNum('+')"/></td>
</tr>
<tr>
<td><input type="button" value="4" style="width:75px;" onclick="getNum(4)"/></td>
<td><input type="button" value="5" style="width:75px;" onclick="getNum(5)"/></td>
<td><input type="button" value="6" style="width:75px;" onclick="getNum(6)"/></td>
<td><input type="button" value="-" style="width:75px;" onclick="getNum('-')"/></td>
</tr>
<tr>
<td><input type="button" value="7" style="width:75px;" onclick="getNum(7)"/></td>
<td><input type="button" value="8" style="width:75px;" onclick="getNum(8)"/></td>
<td><input type="button" value="9" style="width:75px;" onclick="getNum(9)"/></td>
<td><input type="button" value="*" style="width:75px;" onclick="getNum('*')"/></td>
</tr>
<tr>
<td><input type="button" value="0" style="width:75px;" onclick="getNum(0)"/></td>
<td><input type="button" value="." style="width:75px;" onclick="getNum('.')"/></td>
<td><input type="button" value="=" style="width:75px;" onclick="getRes('=')"/></td>
<td><input type="button" value="/" style="width:75px;" onclick="getNum('/')"/></td>
</tr>
< /table>