简易计算器案例 -- 课件

名称：仿windows计算器
功能：
1、实现单击按钮录入数字
2、实现基础的四则运算功能，并添加必须的异常处理，例如除数不能为0
3、实现小数点功能添加并添加异常处理：小数点只能出现一次
4、实现正负号切换的功能
5、实现退位功能：已经是最后一位时，显示框必须显示为0
使用的知识点：
1、利用大量的自定义函数实现业务逻辑
2、灵活运用事件和事件处理
3、培养异常处理的编程方式
4、培养不同的思维逻辑实现编程
综合练习目的：
1、html css JavaScript 技术组合 业务
2、锻炼培养编程思想 解决问题的能力和方法
3、锻炼培养利用多种编程思路

项目原型：






下面处理：
1、单击数字 就把数字显示在文本框中
2、单击非数字 就是将功能键进行功能处理


isNaN(): 不能转换为数字 true 可以转换成数字 false


非数字按钮的功能 — 实现四则运算
先实现 + - /
1、先输入的数字保存到一个变量中，点击+文本框显示为0，再次点击数字显示，单击等于时候，就是将变量里的数字和文本框中的数字进行相加；
2、点击 = 的时候，判断是点击+运算还是-运算；


除数不等于0的情况处理：
1、在除法运算出处理除数不为0的情况
2、判断 if else




小数点的功能：
1、小数点只能出现一次
2、在小数点的case这里是直接写成代码处理还是调用？？
3、Indexof()
(1) 存在的话返回具体的索引位置 大于等于0，代表具体位置
(2) 如果不存在的话返回-1


回退键的功能的实现：
分析：实现的功能就是将文本框中最后一个字符删除掉，只保留前面的部分；
1、文本框里面有123，按下一个回退保留12 再按下保留1
2、当剩下1的时候，按下回退键，文本框回到初始的默认值为0
*

清屏功能：
1、清屏功能赋值为0；


正负号功能：
1、输入123，第一次单击正负号添加负号，再次单击正负号取消负号，正好是+
2、判断：如果数字前面就是负号的话，单击正负号就取消，如果没有负号的话，就加上负号，类似于开关按钮；


计算器的细节完善：
1、鼠标指针浮动在按钮上会有一个背景颜色改变
2、鼠标指针单击d按钮打开百度或者渡课官网，如何实现超级链接
3、边框距离等还可以在设置；


给按钮动态的打开链接：
1、window.location是window对象的属性 对当前窗口进行url的访问
2、Window.open是window对象方法 用来打开新窗口的函数


总结：
1、拿到项目之后，分析 需求 ，先编写前端 — 灵感，思考
2、尽量写方法把方法或者函数分离出来 解耦合
3、边写代码边运行找出bug；
4、前面的基础 字符串 函数 处理数值 浮动定位样式
5、作业今晚缴纳 预习JavaScript面向对象 {属性 方法 函数}