首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网页版简易计数器

网页版简易计数器

一、用table(表格把外观做出来)

代码:

因为样式问题,我用来两个table来做。一般样式用css的类选择器和父子选择器来做,但少数元素有特殊的样式,就选择用元素的style属性来做。如第一行的背景色。

二、部分的css文件

三、JavaScript脚本编写

因为这计算器只做简单的四则运算,所以把代码都卸载一个函数里面,然后在函数里面在写了需要重复调用的私有函数。

注:因为只用一个函数,所以在调用函数的时候用了this(把整个元素的内容都传输过去)。

所以函数里面要有判断是哪个按键按下的代码。

下面为此计算器脚本一些重点的地方。

判断是什么按键按下。

代码:

如果显示是的时候,输入的第一个数会把给覆盖了。同时也是输入的函数。

代码:

计算的时候遇些问题:

(1)如果是计算符号,那么再输入计算符号怎么覆盖之前的计算符号

(2)怎么区分数据(第一个与第二个数)

代码:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171221G0W0XB00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券