四階段使用同一份檔案骨架：Starter 0/3、Checkpoint 1 1/3、Checkpoint 2 2/3、Solution 3/3。Checkpoint 只逐項完成任務，Solution 不加入延伸功能。
| 任務 | 完成標記 | 修改檔案 | 修改位置 | 可見結果 |
|---|---|---|---|---|
| TASK-01 | DONE-01 | script.js | createGreeting(name) | 函數收到名字後回傳完整問候 |
| TASK-02 | DONE-02 | script.js | greetButton click handler | 結果區顯示輸入者的名字；空白時顯示訪客 |
| TASK-03 | DONE-03 | script.js | previewButton click handler | 可切換結果區的重點外觀 |
階段差異
starter/：0/3，三項 TASK 都保留為骨架，先讀責任與預測結果。checkpoint-1/：1/3，只完成 DONE-01，先以 Console 驗收createGreeting(name)。checkpoint-2/：2/3，保留 DONE-01，再完成 DONE-02，驗證正常輸入與空白輸入兩種結果。solution/：3/3，保留前兩項並完成 DONE-03；只補三項契約責任，不加入延伸功能。
人工驗收
先在 Console 驗收 createGreeting('小安') 回傳含姓名的完整問候；再以正常輸入與空白輸入驗證問候結果，最後連續點擊預覽按鈕確認 is-highlighted 可加入與移除。口頭指出變數、函數、事件與 DOM 更新各在哪一段。