js网页版计算器的简单实现


Posted in Javascript onJuly 02, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>计算器</title>

<script language="javascript" type="text/javascript">

 var clearFlag=false;

 function getNum(num){

 //alert(num);

  var objresult=document.getElementById("result");

  if(clearFlag){

   objresult.value="";

   clearFlag=false;

  }

 //alert(objresult);

 objresult.value+=num;

 }

function getResult(){

 var objresult=document.getElementById("result");

 objresult.value=objresult.value+"="+eval(objresult.value);

 clearFlag=true;

}

</script>

</head>

<body>

<table width="200" border="1" cellpadding="2">

  <tr>

    <td colspan="4"><input type="text" name="result" id="result" size="33"></td>

  </tr>

  <tr>

    <td width="56"><input type="button" value="  1   " onclick="getNum(1)"></td>

    <td width="56"><input type="button" value="  2   " onclick="getNum(2)"></td>

    <td width="51"><input type="button" value="  3   " onclick="getNum(3)"></td>

    <td width="58"><input type="button" value="  +   " onclick="getNum('+')"></td>

  </tr>

  <tr>

    <td><input type="button" value="  4   " onclick="getNum(4)"></td>

    <td><input type="button" value="  5   " onclick="getNum(5)"></td>

    <td><input type="button" value="  6   " onclick="getNum(6)"></td>

    <td><input type="button" value="  -   " onclick="getNum('-')"></td>

  </tr>

  <tr>

    <td><input type="button" value="  7   " onclick="getNum(7)"></td>

    <td><input type="button" value="  8   " onclick="getNum(8)"></td>

    <td><input type="button" value="  9   " onclick="getNum(9)"></td>

    <td><input type="button" value="  *   " onclick="getNum('*')"></td>

  </tr>

  <tr>

    <td><input type="button" value="  0   " onclick="getNum(0)"></td>

    <td><input type="button" value="  .   " onclick="getNum('.')"></td>

    <td><input type="button" value="  =   " onclick="getResult()"></td>

    <td><input type="button" value="  /   " onclick="getNum('/')"></td>

  </tr>

</table>

</body>

</html>
Javascript 相关文章推荐
用js实现键盘方向键翻页功能的代码
Jun 03 Javascript
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
JavaScript中OnLoad几种使用方法
Dec 15 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
javascript Event对象详解及使用示例
Nov 22 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 Javascript
js实现广告漂浮效果的小例子
Jul 02 #Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 #Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 #Javascript
js创建子窗口并且回传值示例代码
Jul 02 #Javascript
封装html的select标签的js操作实例
Jul 02 #Javascript
使用js获取地址栏中传递的值
Jul 02 #Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 #Javascript
You might like
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
Js四则运算函数代码
2012/07/21 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
javascript实现下雨效果
2017/03/27 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
vue自定义指令用法经典实例小结
2019/03/16 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[01:26]DOTA2荣耀之路2:iG,China
2018/05/24 DOTA
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
Flask-WTF表单的使用方法
2019/07/12 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
Python类成员继承重写的实现
2020/09/16 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
苹果Mac升级:MacSales.com
2017/11/20 全球购物
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
基层党支部公开承诺书
2014/05/29 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
门球健将观后感
2015/06/16 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang