前兩節(jié)我們介紹了計(jì)算器開(kāi)發(fā)的html頁(yè)面和JavaScript的做法。下面我們根據(jù)之前的做法講解下思路及其他要注意的地方。

思路其實(shí)很簡(jiǎn)單，因?yàn)闆](méi)有涉及到有關(guān)的邏輯，所以就是根據(jù)需求去做功能就好，主要就是點(diǎn)擊事件。

首先關(guān)于html頁(yè)面，沒(méi)什么好說(shuō)的，沒(méi)有什么邏輯在里面，基本就算是布局，這就要看對(duì)HTML+CSS掌握的程度了，多練練就可以了。這里要提一下的是<input type="text" value="0" onfocus="this.blur();" id="result"/>，這一行代碼中的onfocus=this.blur()代碼作用是使鍵盤無(wú)法輸入。因?yàn)槭莍nput表單且type="text"，所以說(shuō)，我們用鍵盤也是可以輸入的，不止是數(shù)字，也包括字母，符號(hào)，這與計(jì)算器功能不符，所以防止出現(xiàn)這樣的情況，我們將對(duì)鍵盤輸入進(jìn)行限制，所以用到了onfocus=this.blur()這段代碼。

接下來(lái)就是JavaScript代碼，基本的點(diǎn)擊事件，比如數(shù)字，符號(hào)，我們都想的到，而且寫起來(lái)也不是很困難，不存在過(guò)多的邏輯在內(nèi)。主要就是一些小問(wèn)題，小BUG要調(diào)試，比如小數(shù)點(diǎn)，開(kāi)始做好就沒(méi)注意，小數(shù)點(diǎn)可以點(diǎn)擊很多次，但是實(shí)際計(jì)算器是不行的，所以要修改。一個(gè)功能不是做完就完事了，還要不停的查找功能上的漏洞，進(jìn)而去優(yōu)化，這可能才是最難的。