CHAPTER 16 · PRACTICE WORKSPACE
可顯示作品清單並記住訪客名字的小功能
TASK STATUS
修改檔案：script.js
完成後看見：空白時提醒輸入，有名字時顯示歡迎
修改檔案：script.js
完成後看見：三項作品從資料產生為清單
修改檔案：script.js
完成後看見：重新整理後能讀回名字；清空並儲存後舊名字不會復活
WORKSPACE
先確認作品目前能做什麼、還缺什麼，再從 TASK-01 開始修改。
FOCUS TASK · TASK-01
比較：空白輸入與有名字輸入是兩種狀態，先判斷才能給出各自清楚的結果。
現在做：先在 script.js 的 createWelcome(name) 做一次最小對照：只改這個責任並重新整理／操作，接著依「先留空再輸入名字，各按一次確認提示與歡迎訊息分支。」重跑，記下前後差異。
預期：完成後能觀察到「空白時提醒輸入，有名字時顯示歡迎」，並說出空白輸入與有名字輸入是兩種狀態，先判斷才能給出各自清楚的結果。
證據：用前後截圖或口述比較「空白時提醒輸入，有名字時顯示歡迎」，指出這個小型實驗如何證明空白輸入與有名字輸入是兩種狀態，先判斷才能給出各自清楚的結果。
比較：createWelcome 負責產生訊息，呼叫方再決定如何把訊息放到 DOM。
現在做：先在 script.js 的 createWelcome(name) 做一次最小對照：只改這個責任並重新整理／操作，接著依「先留空再輸入名字，各按一次確認提示與歡迎訊息分支。」重跑，記下前後差異。
預期：完成後能觀察到「空白時提醒輸入，有名字時顯示歡迎」，並說出 createWelcome 負責產生訊息，呼叫方再決定如何把訊息放到 DOM。
證據：用前後截圖或口述比較「空白時提醒輸入，有名字時顯示歡迎」，指出這個小型實驗如何證明 createWelcome 負責產生訊息，呼叫方再決定如何把訊息放到 DOM。
完成條件：DONE-01：空白時提醒輸入，有名字時顯示歡迎
DATA & MEMORY
尚未儲存名字。
CHAPTER HANDOFF
接收：上一章已驗收的具名函數、輸入事件更新 DOM、空白 fallback 與 class 狀態切換。
本章交棒：空白／有效輸入判斷、works 陣列由迴圈交給 renderWorks() 產生清單，以及 portfolio-visitor 的 localStorage 保存與清除；第 17 章會在獨立輪播頁重用「資料陣列 → render → DOM」責任模式，不共用本頁檔案。
CONTINUE
前往 Checkpoint 1，依要求完成「用判斷產生正確歡迎訊息」。