四階段使用同一份檔案骨架。Checkpoint 只逐項完成任務，Solution 不加入延伸功能。
| 任務 | 完成標記 | 修改檔案 | 修改位置 | 可見結果 |
|---|---|---|---|---|
| TASK-01 完成產生問候文字的具名函數 | DONE-01 | script.js | createGreeting(name) | 函數收到名字後回傳完整問候 |
| TASK-02 點擊後讀取輸入並更新 DOM | DONE-02 | script.js | greetButton click handler | 結果區顯示輸入者的名字 |
| TASK-03 用 class 表達預覽重點狀態 | DONE-03 | script.js | previewButton click handler | 可切換結果區的重點外觀 |
階段差異
starter/：三項 TASK 都保留，先讀骨架與預測結果。checkpoint-1/：只完成 DONE-01。checkpoint-2/：保留 DONE-01，再完成 DONE-02。solution/：只在相同位置完成 DONE-03；沒有無關重構。
人工驗收
輸入自己的名字、按下按鈕並切換預覽狀態；口頭指出變數、函數、事件與 DOM 更新各在哪一段。