JavaScript实例技巧精选(9)—计算器实例1
2024-10-17 01:38:02
>>点击这里下载完整html源码<<
这是截图:
利用Javascript和html实现的一个计算器实例,核心代码如下:
<script language="JavaScript"> <!-- Hide the script from old browsers -- function compute(obj) {obj.expr.value = eval(obj.expr.value)} var one = '1' var two = '2' var three = '3' var four = '4' var five = '5' var six = '6' var seven = '7' var eight = '8' var nine = '9' var zero = '0' var plus = '+' var minus = '-' var multiply = '' var divide = '/' var decimal = '.' function enter(obj, string) {obj.expr.value += string} function clear(obj) {obj.expr.value = ''} // --End Hiding Here --> </script> <form name="calc"> <table border=1> <td colspan=4><input type="text" name="expr" size=30 action="compute(this.form)"> <tr> <td><input type="button" value=" 7 " onClick="enter(this.form, seven)"> <td><input type="button" value=" 8 " onClick="enter(this.form, eight)"> <td><input type="button" value=" 9 " onClick="enter(this.form, nine)"> <td><input type="button" value=" / " onClick="enter(this.form, divide)"> <tr><td><input type="button" value=" 4 " onClick="enter(this.form, four)"> <td><input type="button" value=" 5 " onClick="enter(this.form, five)"> <td><input type="button" value=" 6 " onClick="enter(this.form, six)"> <td><input type="button" value=" " onClick="enter(this.form, multiply)"> <tr><td><input type="button" value=" 1 " onClick="enter(this.form, one)"> <td><input type="button" value=" 2 " onClick="enter(this.form, two)"> <td><input type="button" value=" 3 " onClick="enter(this.form, three)"> <td><input type="button" value=" - " onClick="enter(this.form, minus)"> <tr><td colspan=2><input type="button" value=" 0 " onClick="enter(this.form, zero)"> <td><input type="button" value=" . " onClick="enter(this.form, decimal)"> <td><input type="button" value=" + " onClick="enter(this.form, plus)"> <tr><td colspan=2><input type="button" value=" = " onClick="compute(this.form)"> <td colspan=2><input type="button" value="AC" size= 3 onClick="clear(this.form)"> </table> </form>
最新文章
- ruby 基础知识(一)
- jQuery点击图片弹出放大特效下载
- MyBatis入门(一)
- 关于SQL Server无法查询中文的问题
- JavaScript的sleep延时函数
- css中的id和css的区别
- lucene-SpanNotQuery和SpanOrQuery交迭与全局跨度
- JavaScript 小函数积累及性能优化
- C++因继承引发的隐藏与重写
- 基于ZigBee模块与51单片机之间的简化智能家居项目简介(学生版本)
- 对TSNU网站的初步分析
- 设计模式C++学习笔记之十一(Bridge桥梁模式)
- Wordpress上一篇文章和下一篇文章
- Python撰写mail
- PAT 1057 数零壹
- HihoCoder - 1483 区间最值
- windows7下搭建robot framework环境指导
- OpenStack 存储服务 Cinder存储节点部署NFS(十七)
- C# 可选参数 命名参数
- Python绘图工具matplotlib的使用(图形并茂)
热门文章
- Struts1和Struts2对照
- Javascript学习2 - Javascript中的表达式和运算符
- HDU 2647 Reward(图论-拓扑排序)
- Codeforces 479E Riding in a Lift(dp)
- Nyoj Arbitrage(Floyd or spfa or Bellman-Ford)
- javascript系列之执行上下文
- C# 反射技术应用
- JavaScript模块化编程之require.js与sea.js
- crawler_网络爬虫之数据分析_httpwatcher
- Atitit.异步编程 java .net php python js 对照