js实现一个简单的计算器



代码如下：
<style>
 table{
 	height: 350px; 
 	 270px;
 	text-align: center;
 }
 input{
 	height: 100%; 
 	 350px; 
 	font-size: 50px
 }
</style>
<body>

　　<table border="1" align="center" bgColor="#bbff77" >
	<tr>
	　　<td colspan="4">
		<input type="text" id="nummessege" />
	　　</td>
	</tr>
	<tr>
	　　<td onclick="onclicknum(1)">
		1
	　　</td>

	　　<td onclick="onclicknum(2)">
		2
	　　</td>

	　　<td onclick="onclicknum(3)">
		3
	　　</td>

	　　<td onclick="onclicknum('+')">
		+
	　　</td>
	</tr>

	<tr>
	　　<td onclick="onclicknum(4)">
		4
	　　</td>

	　　<td onclick="onclicknum(5)">
		5
	　　</td>

	　　<td onclick="onclicknum(6)">
		6
	　　</td>

	　　<td onclick="onclicknum('-')">
		-
	　　</td>
	</tr>

	<tr>
	　　<td onclick="onclicknum(7)">
		7
	　　</td>

	　　<td onclick="onclicknum(8)">
		8
	　　</td>

	　　<td onclick="onclicknum(9)">
		9
	　　</td>

	　　<td onclick="onclicknum('*')">
		*
	　　</td>
	</tr>

	<tr>
	　　<td colspan="2" onclick="onclicknum(0)">
		0
	　　</td>
	　　<td onclick="onclicknum('.')">
		.
	　　</td>

	　　<td onclick="onclicknum('/')">
	　　　　/
	　　</td>
	　　</tr>

	　　<tr>

	　　<td colspan="2" onclick="onclickclear()">
		Del
	　　</td>

	　　<td colspan="2" onclick="onclickresult()">
		=
	　　</td>

	</tr>

　　</table>
</body>
<script type="text/javascript">

　　var numresult;
　　var str;

　　function onclicknum(nums) {
　　　　str = document.getElementById("nummessege");
　　　　str.value = str.value + nums;
　　},

　　function onclickclear() {
　　　　str = document.getElementById("nummessege");
　　　　str.value = '';
　　},

　　function onclickresult() {
　　　　str = document.getElementById("nummessege");
　　　　numresult = eval(str.value);
　　　　str.value = numresult;
　　}

</script>

相关阅读:
国际区号选取组件
python和js执行字符串函数
mysql存储过程循环遍历某个表以及事件
mysql创建远程用户
ubuntu改文件夹权限
mysql最大连接数
MSYS
Eclipse Java 可视化插件
你不知道的继承
vue3.x

原文地址：https://www.cnblogs.com/zpfqi/p/9243879.html