STUDENT HTML DOCUMENT

第 17 章練習答案對照

先自己完成 Checkpoint 2,再用這張表定位卡住的 TASK。答案對照用來找位置,不用來整份覆蓋。

四階段使用同一份檔案骨架。Checkpoint 只逐項完成任務,Solution 不加入延伸功能。

任務完成標記修改檔案修改位置可見結果
TASK-01DONE-01script.jsrenderSlide()標題、描述與張數來自 slides[index]
TASK-02DONE-02script.js兩個輪播按鈕事件最後一張可回第一張,第一張可回最後一張
TASK-03DONE-03script.jspickTip click handler每次點擊顯示一項有效提示

階段差異

人工驗收

  1. TASK-01:在 Checkpoint 1 暫時把 currentIndex 改成 1,確認 renderSlide() 顯示第二筆;復原後仍能顯示第一筆。
  2. TASK-02:從末張按下一張回第一張,再從首張按上一張回末張,並指出兩個事件都更新同一個索引後呼叫 renderSlide()
  3. TASK-03:連按五次提示,逐項確認文字屬於 tips 陣列;重複抽到相同提示仍算有效。
  4. TASK-04 是人工轉移挑戰,不列入三階段 Solution 契約;需另交至少五筆資料、不越界操作與資料物件到畫面欄位的對照圖。