简易计算器需求

  1. ************************************************************
  2. *名称：仿windows计算器
  3. *功能：
  4. *    1、实现单击按钮录入数字
  5. *    2、实现基础四则运算功能，并添加必要的异常处理，例如，除数为零
  6. *    3、实现小数点功能并添加异常处理：小数点只能出现一次
  7. *    4、实现正负号功能
  8. *    5、实现退位功能，已经是最后一位时，显示框显示为零
  9. *    6、清屏功能
  11. *使用的知识点:
  12. *    1、利用大量的自定义函数实现业务逻辑
  13. *    2、灵活运用事件及事件处理
  14. *    3、培养异常处理的编程方法
  15. *    4、培养并实践利用不同思路实现编程
  16. *综合练习的目的：
  17. *    1、将css、html和js有效的进行技术组合，实现业务功能
  18. *    2、锻炼和培养编程思想，解决问题的能力和方法
  19. *    3、锻炼和培养利用多种编程思路，完成预先设定的目标
  20. ************************************************************

页面的编辑

image.png

计算器0-9数字的显示

image.png

数字和非数字的判断

image.png
image.pngimage.png

四则运算

image.png

小数点功能的实现

  1. 小数点只能够出现一次
  2. 在小数点case这里直接写代码还是函数调用？
  3. 技术点：indexof() 查找字符是否存在的吗，存在的话返回大于0，不存在返回-1
  4. image.png

回退键的实现

需求：将文本框中的最后一个字符删掉，保留文本框中其他内容

  1. 文本框里面有123，按下退位键保留12，再次按下保留1
  2. 当只剩下1的时候，按下退位键，文本框恢复到默认状态为0
  3. image.png

清屏和正负号

清屏：赋值为0
image.png

正负号：

  1. 输入123，第一次单击添加-，再次单击显示+
  2. 如果数字前面有负号那就取消，没有负号就加上，类似开关按钮

image.png

计算器的细节收尾

  1. 鼠标指针悬浮在按钮上希望加上背景
  2. 鼠标单击d打开百度等
  3. 0和边框右侧距离有点大

项目图

3.计算机制作项目汇总 - 图11