四階段使用同一份檔案骨架。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/:三項 TASK 都保留,先讀骨架與預測結果。checkpoint-1/:只完成 DONE-01。checkpoint-2/:保留 DONE-01,再完成 DONE-02。solution/:只在相同位置完成 DONE-03;沒有無關重構。
人工驗收
輸入自己的名字、按下按鈕並切換預覽狀態;口頭指出變數、函數、事件與 DOM 更新各在哪一段。