html JavaScript 计算机

最新推荐文章于 2021-07-23 16:49:32 发布

码农小熊

最新推荐文章于 2021-07-23 16:49:32 发布

阅读量285

点赞数 2

本文链接：https://blog.csdn.net/qq_44912064/article/details/110952300

版权

笔记同时被 2 个专栏收录

66 篇文章 0 订阅

订阅专栏

html css JavaScript

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<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)

码农小熊

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
html JavaScript 计算机

<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(..
复制链接

扫一扫