摘要Day 16 我們把「任務」轉成可操作的任務卡，並提供三個時段格子（早/午/晚）。使用者可以用點擊把任務卡放入某個時段格子；系統會記錄安排的時段（localStorage），下次開啟仍能看到結果...
摘要Day 14 我們完成了「精神狀態小測驗」：使用者能分別填寫早/午/晚三個時段的精神狀態，且會自動記住上次勾選。今天 Day 15，我們把小測驗串接到下一步的「行動分支頁」，在轉場前加上一段「今...
摘要Day 13 我們完成了「互動引導」與「歷史回顧切換」，讓使用者操作體驗更清楚。今天要加入一個新功能：「精神狀態小測驗」。透過早上、下午、晚上的三個小問題，讓使用者更了解自己一天中精神的變化。這...
摘要Day 12 我們完成了「進場畫面」，讓使用者先感受到共鳴，再進入表單。經過 Day 4-12 ，你已經完整實現 Day 4 提到的最小可行產品（MVP)！以下會放加了 Day 13 功能的 M...
摘要今天先顯示一個「引起共鳴」的進場畫面，按下「一起看看今天怎麼了 →」後再切到既有的拖延紀錄表單。專注在 DOM 顯示/隱藏與焦點管理，確保新手容易上手且與 Day 10/11 的清單功能無衝突。...
摘要Day 10 我們能依照時間、任務或原因來排序清單。今天要進一步加入「篩選」功能（只顯示特定原因的紀錄），並補上排序與篩選的「多分頁同步」，讓不同分頁的排序／篩選偏好保持一致。 為什麼要篩選？...
網頁不只是靜態的，它也可以是動態的、可互動的。JavaScript 可以讓網頁進行一些簡單的互動。今天學習如何用簡單的 JavaScript，實現一個基本的互動功能。 JavaScript 的程式碼通...
摘要Day 9 我們學會了 Undo（回復上一筆刪除）。但是隨著資料越存越多，清單會變得冗長，要找特定紀錄會很麻煩。今天就要加上「排序」功能，讓使用者能快速找到需要的內容。 為什麼要排序？ 資料...
摘要Day 8 我們加上了刪除前的確認視窗，避免誤刪。今天再進一步：刪除後，允許使用者「復原」上一次刪除的資料（Undo）。刪除時把「被刪的物件」暫存到 deletedStack：多筆堆疊（Stac...
摘要Day 7 我們已經能「按下刪除 → 立即移除一筆紀錄」。今天加上 window.confirm：刪除前先詢問使用者，避免手滑誤刪。同時保留 Day 7 的兩個好習慣：事件委派、多分頁同步（st...