目前進度 3/4
STEP GUIDE · Checkpoint 2
這一步聚焦 TASK-02;下方只比較「Checkpoint 1 → Checkpoint 2」的真實異動。
預計修改:script.js
完成後:新增唯一 id 項目,輸入只會成為文字節點
完成後:點擊完成可切換 done 並保存
完成後:刪除後重整頁面不會復活
展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。
檔案:index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案:style.css
style.css
檔案:script.js
script.js
function toggleTodo(id) {}
function toggleTodo(id) { todos = todos.map((todo) => (todo.id === id ? { ...todo, done: !todo.done } : todo)); saveTodos(); render(); }
檔案:README.md
README.md
本練習沒有這個檔案。
先重新整理本階段頁面,記住目前畫面,再開始操作。
點擊完成狀態後重新整理,確認 done 狀態由 localStorage 保存。
點擊完成可切換 done 並保存
完成後可見:點擊完成可切換 done 並保存