CHAPTER 16 · PRACTICE WORKSPACE
可顯示作品清單並記住訪客名字的小功能
TASK STATUS
修改檔案：script.js
完成後看見：空白時提醒輸入，有名字時顯示歡迎
修改檔案：script.js
完成後看見：三項作品從資料產生為清單
修改檔案：script.js
完成後看見：重新整理後能讀回名字；清空並儲存後舊名字不會復活
WORKSPACE
已完成 TASK-01；先核對可見結果，再前往 TASK-02。
FOCUS TASK · TASK-02
比較：作品內容先集中在陣列，迴圈把每筆資料轉成畫面，避免 HTML 與資料分散。
現在做：先在 script.js 的 renderWorks() 做一次最小對照：只改這個責任並重新整理／操作，接著依「重新整理後查看作品清單，確認三項內容都由陣列迴圈產生。」重跑，記下前後差異。
預期：完成後能觀察到「三項作品從資料產生為清單」，並說出作品內容先集中在陣列，迴圈把每筆資料轉成畫面，避免 HTML 與資料分散。
證據：用前後截圖或口述比較「三項作品從資料產生為清單」，指出這個小型實驗如何證明作品內容先集中在陣列，迴圈把每筆資料轉成畫面，避免 HTML 與資料分散。
比較：不同迴圈寫法都能走訪資料，但驗收應聚焦每項作品是否都被渲染。
現在做：先在 script.js 的 renderWorks() 做一次最小對照：只改這個責任並重新整理／操作，接著依「重新整理後查看作品清單，確認三項內容都由陣列迴圈產生。」重跑，記下前後差異。
預期：完成後能觀察到「三項作品從資料產生為清單」，並說出不同迴圈寫法都能走訪資料，但驗收應聚焦每項作品是否都被渲染。
證據：用前後截圖或口述比較「三項作品從資料產生為清單」，指出這個小型實驗如何證明不同迴圈寫法都能走訪資料，但驗收應聚焦每項作品是否都被渲染。
完成條件：DONE-02：三項作品從資料產生為清單
DATA & MEMORY
尚未儲存名字。
CHAPTER HANDOFF
接收：上一章已驗收的具名函數、輸入事件更新 DOM、空白 fallback 與 class 狀態切換。
本章交棒：空白／有效輸入判斷、works 陣列由迴圈交給 renderWorks() 產生清單，以及 portfolio-visitor 的 localStorage 保存與清除；第 17 章會在獨立輪播頁重用「資料陣列 → render → DOM」責任模式，不共用本頁檔案。
CONTINUE
前往 Checkpoint 2，依要求完成「用陣列與迴圈渲染作品」。