JavaScript实现简单计算器
适合初学者参考的简易计算器，⾥⾯没有太多的难以理解的⽅法，使⽤的是最基础的JS语法解决式⼦的运算问题，同时处理
了式⼦中的运算优先级。
实现思路
1、通过绑定点击事件实现待计算式⼦的输⼊
2、遍历原式⼦，读取式⼦中乘除运算符的位置
3、优先处理乘除取余运算
4、处理加减运算
5、返回结果
代码：
Document
AC
×
%
/
7
8
9
*
4
5
6
- 1
2
3
+
未开发
0
.
=
卡西欧5800p计算器所有编程命令解释
1.
Norm 1 指数显示
Norm 2 小数显示
2.
?→x 只显示 ？
字符+?→x 显示 字符+？
？x 显示 x?
“字符”？x 显示 字符+？
有→则不显示该变量当前值
3.（判断表达式） 语句1 : 语句2。。。
如果判断表达式为真（或非零），则不跳过语句1.
如果判断表达式为假（或是零），则会跳过语句1.
4. If...then…else…ifend
如果语句为真，则执行then（不执行else）,然后执行ifend.
如果语句为假，则执行else（不执行then）,然后执行ifend.
5. Break 中断语句
中断For，Do，While循环，并从该循环的下个命令起继续运行
6. Dsz
使控制变量递减一，在变量的值为零时执行转移
7. Isz
Isz: ，变量应为A~Z
以 1 为增量逐次增加变量的值，当变量的值不等于0 时，执行语句1，否则执行语句2
8. Cls
Dsz: 。变量应为A~Z。
以1 为减量逐次减小变量的值，当变量的值不等于0 时，执行语句1，否则执行语句2
9. Locate 定位显示语句
句法 1：Locate , ,
句法2：Locate , ,
句法3：Locate , , "字符串"
fx-5800P 的屏幕最多可以显示4 行、16 列字符，因此定位语句中的列数值应为大于等于1、小于等于16 的整数，行数值应为大于等于1、小于等于4 的整数。
10. Lbi n ~ Goto n Goto n~Lbl n
无条件转移至 Lbi n 位置
11. Getkey
返回与上次按键相对应的代码,Getkey=
12. DO ~ LpWhile循环语句
Do LpWhile
先执行语句块，然后测试条件，条件为真时重复执行语句块，否则执行后的语句。无,论条件是否为真，语句块至少被执行一次。
JavaScript实现简单⽹页版计算器
背景
由于我⼜被分进了⼀个新的项⽬组，该项⽬需要⽤js，因为我没接触过，所以领导准备给我⼀周时间学习，没错，实现⼀个简
单的⽀持四则混合运算的计算器就是作业，所以有了这篇⽂章
故，这篇⽂章主要重点就不在html和css了，毕竟我也只是略懂⽪⽑，并未深究过
实现效果最终展现的页⾯如下图，当⿏标点击按键时，按键会变⾊，可以进⾏四则混合运算
上⾯⼀⾏显⽰计算式，当按下“=”时，显⽰计算结果
⽤到的技术
计算器的页⾯是使⽤html的table绘制的
按键的⼤⼩，颜⾊，⿏标悬浮变⾊是⽤css设置的
点击按键将按键上的值和计算结果显⽰在最上⾯⼀⾏、完成四则混合运算是⽤js做的
实现思路
这⾥我分了三个⽂件，⼀个.html ⼀个 .css ⼀个 .js1、先写了html和css，绘制出来⽹页展⽰的样⼦，此处不细说，有兴趣可以直接看代码
2、然后⽤js的DOM事件，给不同类型的按钮加上点击事件，调⽤不同的js函数。
这⼀步我开始只是先写了⼀个函数定义，主要是为了先划分清楚逻辑，⽐如按某个按键应该实现哪些功能，显⽰什么效果等，
后⾯对函数进⾏填充逻辑就不会乱掉
3、最后去实现js函数，也就是完成四则混合运算， 重点说⼀下是怎么实现四则混合运算并且让结果显⽰出来的
上⾯显⽰算式和结果的时候，我定义了⼀个全局变量的数组，每次点击按键，就把点击的那个按键的值push到数组⾥，这样
显⽰的时候就直接把数组丢过去。这样做的还有⼀个原因是点击退格键的时候就pop⼀下，点击清空键的时候就直接赋个空数
组给数组变量，操作起来会容易⼀些
接着很重要的⼀步是计算表达式，⽐如说输⼊ 3 * 4.5 - 1= 这样的⼀个表达式，怎么去求值呢，我想到的⽅法是先把输⼊的数
组变成变成中缀表达式，再由中缀表达式转成后缀表达式，然后再进⾏后缀表达式求值
1. ⾸先通过上⾯的数组处理得到了这样的⼀个数组['3','*','4','.','5','-','1']
JS实现简易计算器的7种⽅法
先放图（好吧⽐较挫）
⽅法⼀：最容易版
简易计算器
+
=
2
⽅法⼆：结构和⾏为分离
简易计算器
+
=
2
⽅法三：循环绑定事件
简易计算器
+
=
2
⽅法四：提取函数
简易计算器
下面小编就为大家带来一篇 html+js 实现简单的计算器代码 (加减乘除 ) 。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。 html+js 实现简单的计算器代码 (加减乘除 ) <!DOCTYPE html>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title> </head> <body> <table> <tr>
<td><input type="button" value="add" onclick="setOp('+',
'add');"/></td> <td><input type="button" value="miner" onclick="setOp('-',
'miner');"/></td> <td><input type="button" value="times" onclick="setOp('*', 'times');"/></td> <td><input type="button" value="divide" onclick="setOp('/',
'divide');"/></td> </tr> </table> <table id="tb_calc" style="display:none;"> <tr>
