CHAPTER 26 · PRACTICE WORKSPACE

TODO A:CRUD、render、localStorage

完成可新增、切換與刪除且能保存的本機待辦事項 App

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

新增並安全顯示待辦事項

修改檔案:script.js

完成後看見:新增唯一 id 項目,輸入只會成為文字節點

TASK-02已完成

切換完成狀態

修改檔案:script.js

完成後看見:點擊完成可切換 done 並保存

TASK-03已完成

刪除並保存待辦事項

修改檔案:script.jsindex.html

完成後看見:刪除後重整頁面不會復活

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

我的待辦事項

    CONTINUE

    把完成品帶進本章創作挑戰

    三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

    前往本章創作挑戰

    CHAPTER HANDOFF

    從本機 CRUD,交棒到可復原的同步佇列

    接收第 25 章:沿用 owner/guest/unauth 的資料責任觀念;本章不共用 Auth runtime,改把「誰擁有資料」轉成每筆項目的唯一 id 與本機保存。

    交給第 27 章:完成後帶著 create、toggle、remove、safe render、`course-todos` 重整證據;下一章直接加入 queue、mock sender、offline 保留與 retry,不把 localStorage 說成同步。

    前往第 27 章:Mock 同步、失敗復原與 GAS 延伸