JS写简单的计算器

最新推荐文章于 2020-12-04 21:55:40 发布

东方巴黎～Sunsiny

最新推荐文章于 2020-12-04 21:55:40 发布

阅读量107

点赞数

分类专栏： JS 编程文章标签： JS

本文链接：https://blog.csdn.net/weixin_44372802/article/details/99476245

版权

编程同时被 2 个专栏收录

27 篇文章 1 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

在这里插入图片描述

	<link rel="stylesheet" type="text/css" href="untitled.css">
	<style type="text/css">
		*{
			margin: 0 auto;
			text-align: center;
		}
		
		.td1{
			height: 100px;
			width: 100px;	
		}
		
		table{
			border-color: cadetblue;
		}
		img{
			height: 100px;
			width: 100px;
		}
		input{
			height: 200px; width: 500px; background-color: beige;
		}
		 table tr td input {
			width: 100px;
			height: 100px;
			background-color: aliceblue;
		}
	</style>
</head>
<body>
	
	
	<form action="" class="form1" name="form1">
		
		<div class="header">
		<input type="text" id="text" name="text" class="text"/>
	</div>
	
	
		<div class="nav">
			<table  class="table" border="1"  cellspacing="0" cellpadding="0">
		<tr>
			<td><input type="button" id="" value="%" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="" value="CE" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="" value="C" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="" value="<-" onClick="jisuan(this.id)" /></td>
			<td ><input type="button" id="/" value="/" onClick="jisuan(this.id)" /></td>
		</tr>
		<tr>
			<td><input type="button" id="V" value="V" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="7" value="7" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="8" value="8" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="9" value="9" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="*" value="*" onClick="jisuan(this.id)" /></td>
		</tr>
		<tr>
			<td ><input type="button" id="" value="x²" onClick="jisuan(this.id)" /></td>
			<td ><input type="button" id="4" value="4" onClick="jisuan(this.id)" /></td>
			<td ><input type="button" id="5" value="5" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="6" value="6" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="-" value="-" onClick="jisuan(this.id)" /></td>
		</tr>
		<tr>
			<td><input type="button" id="" value="x^3" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="1" value="1" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="2" value="2" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="3" value="3" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="+" value="+" onClick="jisuan(this.id)" /></td>
		</tr>
		<tr>
			<td><input type="button" id="" value="1/x" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="" value="±" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="0" value="0" onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="." value="." onClick="jisuan(this.id)" /></td>
			<td><input type="button" id="=" value="=" onClick="jisuan(this.id)" /></td>
		</tr>
	</table>
		</div>
		
	</form>
	
	
	
	<script type="text/javascript"> 
    var result="";
      function jisuan(num){
  if(num=="="){

document.form1.text.value=eval(result);
}else{
result=result+num;
document.form1.text.value=result;
}
}

</body>

东方巴黎～Sunsiny

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS写简单的计算器

<link rel="stylesheet" type="text/css" href="untitled.css"> <style type="text/css"> *{ margin: 0 auto; text-align: center; } .td1{ height: 100px; width: 1...
复制链接

扫一扫

专栏目录