[第二篇] 使用AI在30分鐘內製作網頁遊戲。

今天延續之前的作業，進行了一些程式碼分離和功能新增。

首先，我請求將原本html、js、css都放在同一個檔案中的程式碼分離。

Q9. 將上述整合程式碼改寫成html、js、css三個檔案的結構。

-> 分離成index.html、game.js、styles.css三個檔案。

Q10. 在上述程式碼中，於中央控制台畫面的左側新增一個始終顯示角色狀態的狀態視窗區域，並新增相關功能。

-> 新增左側固定側邊欄，並在game.js中新增/修改相關功能，以便隨時查看狀態。

Q11. 在上述程式碼中，於狀態視窗新增可以使用技能點數的按鈕和功能。

-> 因為原本的技能點數是直接在alert視窗輸入，所以我提出了這個請求。修改為如果有技能點數，按鈕就會啟用，讓使用者更直觀地使用。

Q12. 在上述程式碼中，戰鬥勝利後，根據怪物等級掉落金幣，並在狀態視窗顯示獲得的金幣。

-> 新增掉落金幣的功能，並修改為在左側狀態視窗顯示。

透過上述四個問題，畫面和結構都更完善了，也為日後新增商店等功能奠定了基礎。

之後將擴展到新增商店功能（例如：恢復道具）、技能系統等。

https://ggoban.com/hof/