javascript开发有声计... 登录

javascript开发有声计算器思路及调整代码

前两节我们介绍了计算器开发的html页面和JavaScript的做法。下面我们根据之前的做法讲解下思路及其他要注意的地方。

思路其实很简单,因为没有涉及到有关的逻辑,所以就是根据需求去做功能就好,主要就是点击事件。

首先关于html页面,没什么好说的,没有什么逻辑在里面,基本就算是布局,这就要看对HTML+CSS掌握的程度了,多练练就可以了。这里要提一下的是<input type="text" value="0" onfocus="this.blur();" id="result"/>,这一行代码中的onfocus=this.blur()代码作用是使键盘无法输入。因为是input表单且type="text",所以说,我们用键盘也是可以输入的,不止是数字,也包括字母,符号,这与计算器功能不符,所以防止出现这样的情况,我们将对键盘输入进行限制,所以用到了onfocus=this.blur()这段代码。

接下来就是JavaScript代码,基本的点击事件,比如数字,符号,我们都想的到,而且写起来也不是很困难,不存在过多的逻辑在内。主要就是一些小问题,小BUG要调试,比如小数点,开始做好就没注意,小数点可以点击很多次,但是实际计算器是不行的,所以要修改。一个功能不是做完就完事了,还要不停的查找功能上的漏洞,进而去优化,这可能才是最难的。


下一节
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送