微信小程序开发学习之31案例计算器之5

“清除”:

计算器中当点击“清除”按钮时,会把显示区显示出的数字(包括小数点)清除,显示为“0”。

写关于“清除”按钮的代码。“cal.js”中写入如下代码(图31-1),则可实现上述功能。

图31-1

“回退”:

写“回退”按钮。当显示区有值(大于1)的时候,每点击一次“回退”按钮,显示区的数字位数少一位,当只剩下一位数字时,再按“回退”按钮,则显示区显示为“0”(图31-2)。

图31-2

运算符号:

写运算符号的代码。“cal.js”中写入如下代码(图31-3)。

图31-3

但是此时的效果是:不断地按“+”号按钮,显示区会不断地显示“+”号(图31-4)。

图31-4

优化一下,需判断一下显示区最后一位是否是数字,如果是数字,则单击“+”号有效,如果最后一位是运算符号,则单击“+”号无效。

先判别最后一位是否是数字,“cal.js”中写入如下代码(图31-5),此时达到预想效果。

图31-5


转载请注明:http://www.aierlanlan.com/grrz/3847.html

  • 上一篇文章:
  •   
  • 下一篇文章: