JQuery实现简易计算器

最近在学习jquery框架,写了好多小demo,这个案例讲的就是jquery简易版计算器。

本人目前承接各类小demo和作业,类型有HTML+CSS+JS/部分前端框架/JAVA/Android/PHP/高等数学,有意请私聊!

效果图片如下:

JQuery实现简易计算器_第1张图片JQuery实现简易计算器_第2张图片JQuery实现简易计算器_第3张图片

第一张是刚运行在网页时的效果图。

第二张是输入运算数和运算符时的效果图。

第三张是错误输入的运算符。


整体代码如下:




jquery计算器






	


重难点讲解如下:

1.count在这里起的具体作用是什么?

  count是一个计数器。

  如果count为0,它的意思是要么我第一次打开这个页面,要么我点击了清零(C)按钮,即我下一步不管是点击了运算符还是运算数,都是一个全新的操作。

  它出现在三个地方,①第一次打开网页运行这个计算器,②点击了清零按钮,③运算报错出现“您的操作有误”字样。

 

2.clickBtn如何取值?

  它主要是利用jquery的val()方法取input输入框的value值,它结合count这个计数器可以实现一个比较巧妙的结果。

  判断是否是第一个使用这个运算器,如果不是第一次的话。你执行完一步操作,按下等号后出现了一个值,只要没有报错,这个值就可以作为下一个运算的第一个运算数。


最后如果你对这个代码有任何疑问,欢迎在下文给我评论留言,只要我看到了就一定会回复哒!~~

你可能感兴趣的:(前端,jquery,计算器)