四階段使用同一份檔案骨架。Checkpoint 只逐項完成任務,Solution 不加入延伸功能。
| 任務 | 完成標記 | 修改檔案 | 修改位置 | 可見結果 |
|---|---|---|---|---|
| TASK-01 | DONE-01 | script.js | renderSlide() | 標題、描述與張數來自 slides[index] |
| TASK-02 | DONE-02 | script.js | 兩個輪播按鈕事件 | 最後一張可回第一張,第一張可回最後一張 |
| TASK-03 | DONE-03 | script.js | pickTip click handler | 每次點擊顯示一項有效提示 |
階段差異
starter/:三項 TASK 都保留,先讀骨架與預測結果。checkpoint-1/:只完成 DONE-01。checkpoint-2/:保留 DONE-01,再完成 DONE-02。solution/:只在相同位置完成 DONE-03;沒有無關重構。
人工驗收
- TASK-01:在 Checkpoint 1 暫時把
currentIndex改成 1,確認renderSlide()顯示第二筆;復原後仍能顯示第一筆。 - TASK-02:從末張按下一張回第一張,再從首張按上一張回末張,並指出兩個事件都更新同一個索引後呼叫
renderSlide()。 - TASK-03:連按五次提示,逐項確認文字屬於
tips陣列;重複抽到相同提示仍算有效。 - TASK-04 是人工轉移挑戰,不列入三階段 Solution 契約;需另交至少五筆資料、不越界操作與資料物件到畫面欄位的對照圖。