栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JS实现的加减乘除四则运算计算器示例

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JS实现的加减乘除四则运算计算器示例

本文实例讲述了JS实现超级简易的加减乘除四则运算计算器。分享给大家供大家参考,具体如下:

先来看看运行效果:

具体代码如下:



  
    
    简单的计算器(www.jb51.net)
    
      body{
 margin: 0;
      }
      .tab{
 border: 3px solid black ;
 border-radius: 2px;
 border-collapse:collapse;
 width: 268px;
 height: 402px;
 margin: 20px auto;
      }
      .tr{
 height: 67px;
 width: 268px;
 border: 3px solid black ;
 text-align: right;
      }
      .tr1{
 width: 268px;
 height: 67px;
 border: 3px solid black ;
 text-align: center;
      }
      .tr2{
 width: 67px;
 height: 67px;
 border: 3px solid black ;
 text-align: center;
      }
    
    
  
  
    
简易计算器
+ - * /
7 8 9 0
4 5 6 .
1 2 3 =

对于这个程序来说,判断的顺序非常重要,不然就会把"+"号存在s2,s4中而不是s3中。

PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:

在线一元函数(方程)求解计算工具:
http://tools.jb51.net/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算:
http://tools.jb51.net/jisuanqi/jsqkexue

在线计算器_标准计算器:
http://tools.jb51.net/jisuanqi/jsq

更多关于Javascript相关内容感兴趣的读者可查看本站专题:《Javascript数学运算用法总结》、《Javascript数据结构与算法技巧总结》、《Javascript数组操作技巧总结》、《Javascript排序算法总结》、《Javascript遍历算法与技巧总结》、《Javascript查找算法技巧总结》及《Javascript错误与调试技巧总结》

希望本文所述对大家Javascript程序设计有所帮助。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/85742.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号