javascript開發(fā)有聲計(jì)算器思路及調(diào)整程式碼
前兩節(jié)我們介紹了計(jì)算器開發(fā)的html頁面和JavaScript的做法。下面我們根據(jù)之前的做法講解下思路及其他要注意的地方。
思路其實(shí)很簡單,因?yàn)闆]有牽涉到有關(guān)的邏輯,所以就是根據(jù)需求去做功能就好,主要就是點(diǎn)擊事件。
首先關(guān)於html頁面,沒什麼好說的,沒有什麼邏輯在裡面,基本上就算是佈局,這就要看對HTML+CSS掌握的程度了,多練練就可以了。這裡要提一下的是<input type="text" value="0" onfocus="this.blur();" id="result"/>,這一行程式碼中的onfocus=this.blur()代碼作用是使鍵盤無法輸入。因?yàn)槭莍nput表單且type="text",所以說,我們用鍵盤也是可以輸入的,不止是數(shù)字,也包括字母,符號,這與計(jì)算器功能不符,所以防止出現(xiàn)這樣的情況,我們將對鍵盤輸入進(jìn)行限制,所以用到了onfocus=this.blur()這段程式碼。
接下來就是JavaScript程式碼,基本的點(diǎn)擊事件,像是數(shù)字,符號,我們都想的到,而且寫起來也不是很困難,不存在過多的邏輯在內(nèi)。主要就是一些小問題,小BUG要調(diào)試,比如小數(shù)點(diǎn),開始做好就沒注意,小數(shù)點(diǎn)可以點(diǎn)擊很多次,但是實(shí)際計(jì)算器是不行的,所以要修改。一個(gè)功能不是做完就完事了,還要不停的查找功能上的漏洞,進(jìn)而去優(yōu)化,這可能才是最難的。