鐵人檔案
作為一個程式菜鳥，對於完全沒有經驗的我來說，開發網站既讓人好奇，又因為陌生而感到有些迷茫。不過，時代進步，網路上有很多資源可以讓我們自主學習。這次藉由這個鐵人賽計畫，我會利用 ChatGPT 的協助，嘗試開發一款簡易記帳網頁，並把這段學習的心路歷程記錄下來。
這個功能的靈感來源大概是我親愛的弟弟，他現在非常想存錢看演唱會，但是又會不小心把錢花掉，於是我決定在我的記帳小工具增加這個警示功能。 HTML結構 為了讓使用者...
收入和支出的區域長太像很容易搞混，以為自己賺了很多錢但其實是花到快破產😫，為了防止這個問題發生！我決定讓收入與支出更有區別性，那就是用不同的顏色和標籤做區分～這...
如果頁面關掉再打開，以前所有的資料就不見了，這樣還能算一個夠格的記帳軟體嗎？不算！所以我們今天要來加上本地儲存的功能，讓使用者即使關掉頁面，再次打開也能看到以前...
成功迎來第二週的結束，目前網站比一開始增加了更多功能，code更是越來越滿，除🐛除到頭昏眼花😵💫。今天的目標主要是回顧第二週，進行全面的測試，檢查所有功能的運...
之前一直看不下去原本的排版，今天決定要來大改造，雖然不知道能不能成功，想改的地方太多了，還怕會搞出更多🐛，但是既然決定要做，就應該要更符合自己的理想，還是硬著頭...
今天的任務是讓我的記帳網站在不同的裝置上都有不錯的顯示效果，這需要使用到CSS實現「響應式設計」。 什麼是響應式設計？ 因為各種裝置的尺寸不同，以前對於不同裝置...
今天的任務是加上編輯按鈕，讓已經存在的資料能被修改，不過同時我也要把之前有問題的部分改一改，不然編輯功能會很難加上去。 ChatGPT幫助修正功能 雖然前面學了...
之前留了一塊空位要給圖表，就是交給今天來把這塊空白填上。我們今天的進度就是要將支出和收入記錄視覺化，讓使用者更能分析自己的理財習慣。 實現圖表功能步驟 引入...
有些常見的功能，每次都要一直重複打，有夠麻煩！還可能會忘記之前打的形式，結果每筆紀錄明明是一樣的類別，卻名稱有一些不同而很難辨識。所以我今天要加上類別分類功能，...
今天我要來添加收入與支出的日期保存功能。不知道有沒有人跟我一樣，記帳的其中一個用處就在於核對發票再次確認錢都花去哪裡了，但如果沒有日期就會搞不清楚到底是在哪天花...
