网页计算器一个JS计算器

更新时间：2013年09月01日 13:07:42 作者：

一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算

一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算，点击“运行代码”可以运行一下看效果。

<html> <head> <title>计算器</title> <script>  </script> <style> button {width:40; border: 1 solid #808080;background-color: #FFFFFF} </style> </head> <body> <FORM NAME="Calc"> <TABLE BORDER=4 bordercolorlight="#808080" bordercolor="#808080" width="250" height="38"><TR><TD width="291" height="39" bgcolor="#C0C0C0"> &nbsp; <INPUT TYPE="text" NAME="Input" readonly Size="21" style="background-color: #F5F5F5; font-family: Arial; border: 1 solid #000000">&nbsp <button NAME="back" OnClick="backspace()">←</button> </TD></TR><TR><TD width="291" height="38"> <table border="0" width="100%" height="105" cellpadding="0"> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="1" OnClick="addoperator()">1</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="2" OnClick="addoperator()">2</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="3" OnClick="addoperator()">3</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="+" OnClick="addoperator()">+</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="4" OnClick="addoperator()">4</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="5" OnClick="addoperator()">5</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="6" OnClick="addoperator()">6</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="-" OnClick="addoperator()">-</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="7" OnClick="addoperator()">7</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="8" OnClick="addoperator()">8</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="9" OnClick="addoperator()">9</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="*" OnClick="addoperator()">×</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="clear" OnClick="clearinput()">C</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="0" OnClick="addoperator()">0</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="=" OnClick="result()">=</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="/" OnClick="addoperator()">÷</BUTTON> </td> </tr> </table> </TD></TR> </TABLE> </FORM> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js实现花俏的转动、旋转之后慢慢张开的窗口特效
花俏的转动的窗口，主要是使用JavaScript代码实现，运行本效果后，窗口不断旋转，而后慢慢张开，很炫的效果，看到之后我都目瞪口呆了，真的是很炫，期待喜欢的朋友借鉴参考
2012-12-12
HTML很火的浪漫爱心表白代码
程序员的你是不是也想送个特别的礼物。今天给大家分享一个HTML+CSS+jQuery实现的情侣浪漫爱心表白JS特效，视觉效果还是相当不错！得此表白神器，程序猿也可以很浪漫！快去追你的女神吧，把这个告白爱心动画发给你心爱的她！
2023-01-01
随机显示个性签名的js代码(兼容ie,firefox)
随机显示个性签名的js代码,主要是利用随机数。需要的朋友可以参考下。
2011-04-04
table 隔列(行)换色效果让表格结构更清淅
table 隔列换色效果，很实用的一款网页特效代码，用隔行换色来修饰表格，可让表格结构更清淅，也更加美观，是一个十分流行的表格特效,在网页中有利于提高用户体验，是一个很不错的效果，需要的朋友可以参考下
2012-12-12
花瓣漫天飞舞js特效，简单浪漫
现代社会结婚、走红毯等很多时候会撒花瓣，满天花瓣和赏烟花一样，人们都觉得那一瞬间好美丽好浪漫。就像昙花一现，美好的事物总是很短暂，提醒人们去珍惜。这篇文章主要介绍了花瓣漫天飞舞js特效，简单浪漫，程序猿们可以跟女朋友一起欣赏
2023-01-01
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
最近写了个在线的编辑器，类似ewebeditor那样的，当然没有人家那么强大，但是基本功能都有，而且还是兼容ie和ff的,需要的朋友可以参考下
2012-12-12
html+JavaScript烟花3D简单特效（亲测可用）
网页烟花特效方便使用，更能给养眼享受，复制黏贴就能使用，快来试试吧。这篇文章主要介绍了html+JavaScript烟花3D特效（亲测可用）,需要的朋友可以参考下
2023-01-01
简单JS打造酷炫代码雨（黑客高逼格）
电影黑客帝国有个代码雨效果，满满的既视感，身为程序猿的你羡慕吗？只要很简单的HTML+JavaScript就能实现，甚至不需要懂任何技术。这篇文章主要介绍了简单JS打造酷炫代码雨（黑客高逼格）,需要的朋友可以参考下
2023-01-01
网页计算器一个JS计算器
一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算
2013-09-09
Web网页对话框可拖动、关闭(自动)文字循环变化
由Js实现的网页WEB对话框，鼠标可随意拖动改变位置，类似于有些软件初次运行时候弹出的每日提示，里面有文字在循环变化，时间到自动关闭,多么强大的一个web对话框啊，有兴趣的朋友可以参考下啊
2012-12-12