目前進度 2/4
STEP GUIDE · Checkpoint 1
這一步聚焦 TASK-01;下方只比較「Starter → Checkpoint 1」的真實異動。
預計修改:script.js
完成後:新增唯一 id 項目,輸入只會成為文字節點
完成後:點擊完成可切換 done 並保存
完成後:刪除後重整頁面不會復活
展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。
檔案:index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案:style.css
style.css
檔案:script.js
script.js
function addTodo(text) {}
function addTodo(text) { const cleanText = text.trim(); if (!cleanText) return; todos = [...todos, { id: crypto.randomUUID(), text: cleanText, done: false }]; saveTodos(); render(); }
檔案:README.md
README.md
本練習沒有這個檔案。
先重新整理本階段頁面,記住目前畫面,再開始操作。
先新增一筆正常待辦事項,再輸入 <img src=x onerror=alert(1)>;確認兩筆 id 不同,第二筆顯示原始文字且沒有產生 img 或跳出視窗。
新增唯一 id 項目,輸入只會成為文字節點
完成後可見:新增唯一 id 項目,輸入只會成為文字節點