js实现一个简单的计算器

最新推荐文章于 2024-01-14 17:36:20 发布
最新推荐文章于 2024-01-14 17:36:20 发布
阅读量125 收藏
点赞数
原文链接：http://www.cnblogs.com/zpfqi/p/9243879.html
版权

 



代码如下：
<style>
 table{
 	height: 350px; 
 	width: 270px;
 	text-align: center;
 }
 input{
 	height: 100%; 
 	width: 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 οnclick="onclicknum(1)">
		1
	　　</td>

	　　<td οnclick="onclicknum(2)">
		2
	　　</td>

	　　<td οnclick="onclicknum(3)">
		3
	　　</td>

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

	<tr>
	　　<td οnclick="onclicknum(4)">
		4
	　　</td>

	　　<td οnclick="onclicknum(5)">
		5
	　　</td>

	　　<td οnclick="onclicknum(6)">
		6
	　　</td>

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

	<tr>
	　　<td οnclick="onclicknum(7)">
		7
	　　</td>

	　　<td οnclick="onclicknum(8)">
		8
	　　</td>

	　　<td οnclick="onclicknum(9)">
		9
	　　</td>

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

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

	　　<td οnclick="onclicknum('/')">
	　　　　/
	　　</td>
	　　</tr>

	　　<tr>

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

	　　<td colspan="2" οnclick="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>

转载于:https://www.cnblogs.com/zpfqi/p/9243879.html

weixin_30827565
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用javascript制作计算器
01-07
动态现实计算功能，让我们计算变得更方面，让我们计算变得更高效。
用javascript做简单计算器
10-10
用javascript做简单计算器，实现加减乘除的简单运算。
js实现一个简易计算器
weixin_38341556的博客
08-24 1486
计算器的实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 200px; height: 280px; border: solid 1px red;
JS_实现一个简易计算器
Pop_Rain的博客
07-07 808
14th_test 这是一个标题 以下是一个简易计算器 第一个数 第二个数 + - * / var res; //保存计算结果 function add() { var first = document.getElementById("fir").value; var second = document.getElementById("sec").
用JavaScript写一个简单的计算器
ayi644640的博客
10-02 860
本文使用js实现了一个简单的加、减、乘、除计算器。 以下是css部分代码： *{ padding:0; margin:0; color: #424242; } .outer{ width:300px; height:auto; outline:1px solid #b9b9b9; margin:50px...
使用Javascript做一个简单的计算器
kongmengwei的博客
10-21 434
做一个简单的计算器 下面是运行后的预览效果，自己可以尝试一下呦！
用javascript做一个计算器？？
u012261966的专栏
09-27 640
parent.moveTo((screen.width-540)/2,(screen.height-335)/2);  parent.resizeTo(540,335); //--> 科学计算器 BODY { font-family: "宋体", "Arial", "Times New Roman"; font-size: 9pt; background-color: #
使用JavaScript做的计算器
qianqian_blog的博客
10-19 302
&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; /*样式部分*/ &lt;style&gt; *{ margin: 0; padding: 0; } .tab{ border: 5px solid gainsboro; border-collapse: collapse; ...
用JavaScript实现一个简单的计算器
zysp158的博客
04-26 279
Html文件的代码 <!DOCTYPE html> <html> <head> <title>Welcome Online Calculator!</title> <link rel="stylesheet" type="text/css" href="calculator.css"> <script type="text/javascript" src="calculator.js"></script&g
用javascript制作简单计算器.html
05-12
学习了javascript ，这个代码是使用javascript来做一个简单的计算器，可以实现简单的额加减乘除的计算
纯JavaScript实现计算器
11-15
用JavaScript实现一个运算式的计算 a. 支持加，减，乘，除（+, -, *, /) b. 支持输入合法的数字，包括小数，不考虑非法输入和数字越界（0-9, .） sample : "3+8.3*1" 结果是11.3 ”3.2 + 0 -8.7“ 结果是-5.5 附加题：在运算式计算中支持括号: ”(“, ”)”.
用javascript写的一个计算器
12-02
Array.prototype.remove=function(index) { if(isNaN(index)||index>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[index]) { this[n++]=this[i] } } this.length-=1 } function commonMath(){ //类初始化 this.init = function(){ this.tmp = ''; this.debug = 0; this.output = ''; this.method = ''; this.sign = 1;//0:-;1:+ this.register = Array();//寄存器 }
JavaScript制作简易计算器（不用eval）
12-07
本文实例为大家分享了js制作简易计算器的具体代码，供大家参考，具体内容如下 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { padding: 0; margin: 0; } li { list-style: none; } body { background: #940032; } #counter { width: 500px; height:
javascript制作简易计算器
10-09
用javascript编程语言编写的简易计算器，仅包含+-*/运算
使用 JavaScript 创建一个计算器
最新发布
qq_66996090的博客
01-14 347
JavaScript 是一种广泛应用于网页开发的脚本语言，它具有灵活、动态和强大的特性。本文将演示如何使用 JavaScript 创建一个简单的计算器，并实现基本的加减乘除操作。
用JavaScript写一个简易计算器
weixin_44424295的博客
03-08 1298
一个基于JavaScript的简易计算器，非常简易。 预期效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
javascript做一个简单的计算器
m0_59169193的博客
05-03 2242
// 简易计算器 // 算法 ： 用prompt用户选择计算器，if判断用户选择的计算器并弹框输入计算数值；后在if里调用函数计算 var choice = prompt('1.加法运算'+'\n' + '2.减法运算' + '\n' + '3.乘法运算' + '\n' + '4.除法运算'); if (choice == '1') { var num1 = prompt('请输入第1个值:'); v.
用Javascript写简单计算器
amyhyn的博客
06-03 1516
用JavaScript写简单计算器<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> table { border-collapse: collapse; } td {
利用原生javascript制作简易计算器
PILIpilipala的博客
08-08 1797
第一步：利用html构建好计算器的大概形状样式 <table> <tr> <td colspan="4" ><input id="text" type="text" value="0" /></td> </tr> <tr> <td colspan="2"><button class="btn">del</button></t
javascript实现计算器
anan的博客
01-05 9345
       首先说明一下为什么发这篇文章，因为今天早晨看到一篇类似的文章，我看了他的源码，发现实在太啰嗦了，于是便准备把这篇文章发出来！        其实使用javascript的函数来实现计算器可以说是练习javascript的一个好方法，虽然我的代码可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值