iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

成功迎來第二週的結束,目前網站比一開始增加了更多功能,code更是越來越滿,除🐛除到頭昏眼花😵‍💫。今天的目標主要是回顧第二週,進行全面的測試,檢查所有功能的運作狀態是否正常。

功能測試與檢查

1.支出紀錄功能:支出紀錄功能是我最早練習實作的部分,也算是為了能實現之後的其他功能,打下一個基礎。這裡我們要確認的是,是否能正常添加支出項目。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/20169208Fev3TKUZmM.png
2.收入紀錄功能:確認是否能正常添加收入項目。
https://ithelp.ithome.com.tw/upload/images/20240928/20169208KbFgw7IPIQ.png
3.總支出、總收入與淨收入:確認是否能將這三項正確計算並顯示在畫面上。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/201692089sG3nB3MlE.png
4.預算功能:確認是否能正常設置預算。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/20169208f05sGXSI2j.png
5.超出預算警示:確認支出若超出預算,會跳出警示來提醒使用者。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/20169208qhAiDFPysT.png
6.刪除項目功能:確認刪除項目後,總支出、總收入與淨收入等是否有計算錯誤。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/20169208qZGHqcTOZg.png
發現淨收入計算錯誤,需要去debug🥲
https://ithelp.ithome.com.tw/upload/images/20240928/20169208A00ChGTSyH.png
https://ithelp.ithome.com.tw/upload/images/20240928/2016920873oSdv4GJt.png
經過修改搶救後終於成功…因為太零碎,我就不把程式碼放上來,這次會出問題的原因主要是我變數名稱打錯,例如:明明是note,我卻打成income.note,導致引用、刪除無效。
7.Local Storage:確保重新載入後,用戶以前沒刪除的資料還能保存,並且能正常執行刪除、計算總和等的功能。✔️
https://ithelp.ithome.com.tw/upload/images/20240928/20169208i3zTvC6t9P.png

總結

目前功能最後都有成功運行正常,雖然在今天檢測的時候發現了幾隻小蟲,一開始,我一直找不到問題就很焦慮,擔心無法繼續完成這個網站,一度想放棄目前做的一切,但是逃避問題是沒用的,況且以後還要面對成千上萬個蟲蟲要除😫,現在就放棄,以後什麼事都做不成,最後還是硬著頭皮繼續找下去了,還好最後有成功找到問題點!另外,精神恍惚的時候真的很難專注解決問題,適當休息也很重要🙂‍↕️,明天要進到第三階段了,繼續堅持,加油!!!

參考資料

https://chatgpt.com/


上一篇
DAY13 實現本地儲存功能
下一篇
DAY15 精緻使用者介面設計
系列文
新手開發日記:跟著ChatGPT做記帳網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言