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要調試，比如小數點，開始做好就沒注意，小數點可以點擊很多次，但是實際計算器是不行的，所以要修改。一個功能不是做完就完事了，還要不停的查找功能上的漏洞，進而去優化，這可能才是最難的。