HTML制作一个简易计算器小应用

先展示UI界面

在线地址

先进行逻辑分析

1.界面

外层宽250px，长600px用来显示计算器主界面
分上下结构  上：用来显示数字  1.显示结果
                              2.显示输入数字
            
            下：用来显示按钮  ul li button
            依次为  AC  +/-  %  /
                    7   8    9  *
                    4   5    6  -
                    1   2    3  +
                    0        .  =

2.按钮点击事件（输入层变量resval，显示层变量sumval，运算符变量operator）
   AC清除    将resval与显示为0，将显示层变量为0，显示为空
   数字1-9： 1.判断  输入框为0                             resval为0，输入层显示为空
             2.判断  前一次输入为等于（运算符状态为0）     运算符状态改为1 ，resval为0，输入层显示为空
             3.resval等于resval与输入数字字符串相加
             4.在输入层显示resval
 

   符号.    1.先判断前面是否有小数点     有    无操作结束
            2.判断  前一次输入为等于（运算符状态为0）     运算符状态改为1 ，resval为0，输入层显示为0
            3.录入小数点，将小数点作为字符串与resval进行字符串相加并显示在输入层
   
   运算符（+-*/%） 1.判断前一次运算符           1.0    继续操作
                                                                        2.非0  相当于先进行上一次运算符运算再进行运算符操作

                   2.将resval赋值给sumval
                   3.将sumval显示到结果层并加上运算符
                   4.输入层显示为空，resval为0
                   5.将此次运算符操作储存到变量operator中  +：1；-：2；*：3；/：4；%：5；缺省与=：0；
 
   等号            判断前一次运算符         1. 在显示层 显示 sumval与resval运算
                                                          2. 将运算结果赋值给resval
                                                          3. 将resval在输入层显示

                                                          4. 将operator改为0

代码如下

ACC%/
789*
456-
123+
0.=

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！