编程 Javascript

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>

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

- Author -

shangke

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript倒计时代码

Aug 12 Javascript

js,jQuery 排序的实现代码,网页标签排序的实现,标签排序

Apr 27 Javascript

基于pthread_create,readlink,getpid等函数的学习与总结

Jul 17 Javascript

jQuery插件slides实现无缝轮播图特效

Apr 17 Javascript

自己编写的支持Ajax验证的JS表单验证插件

May 15 Javascript

使用jQuery Rotare实现微信大转盘抽奖功能

Jun 20 Javascript

JS动态加载脚本并执行回调操作

Aug 24 Javascript

JavaScript html5 canvas实现图片上画超链接

Oct 20 Javascript

详解js模板引擎art template数组渲染的方法

Oct 09 Javascript

Vue+Typescript中在Vue上挂载axios使用时报错问题

Aug 07 Javascript

解决layui的input独占一行的问题

Sep 10 Javascript

JS async 函数的含义和用法实例总结

Apr 08 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