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要调试，比如小数点，开始做好就没注意，小数点可以点击很多次，但是实际计算器是不行的，所以要修改。一个功能不是做完就完事了，还要不停的查找功能上的漏洞，进而去优化，这可能才是最难的。