网页版简易计数器
一、用table(表格把外观做出来)
代码:
因为样式问题,我用来两个table来做。一般样式用css的类选择器和父子选择器来做,但少数元素有特殊的样式,就选择用元素的style属性来做。如第一行的背景色。
二、部分的css文件
三、JavaScript脚本编写
因为这计算器只做简单的四则运算,所以把代码都卸载一个函数里面,然后在函数里面在写了需要重复调用的私有函数。
注:因为只用一个函数,所以在调用函数的时候用了this(把整个元素的内容都传输过去)。
所以函数里面要有判断是哪个按键按下的代码。
下面为此计算器脚本一些重点的地方。
判断是什么按键按下。
代码:
如果显示是的时候,输入的第一个数会把给覆盖了。同时也是输入的函数。
代码:
计算的时候遇些问题:
(1)如果是计算符号,那么再输入计算符号怎么覆盖之前的计算符号
(2)怎么区分数据(第一个与第二个数)
代码:
领取专属 10元无门槛券
私享最新 技术干货