CHAPTER 17 · PRACTICE WORKSPACE

索引、render、亂數與輪播

可前後切換並抽取練習提示的原生 JavaScript 輪播

01 Starter 0/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01本階段處理

用目前索引渲染作品內容

修改檔案:script.js

完成後看見:標題、描述與張數來自 slides[index]

TASK-02稍後處理

完成可首尾循環的前後切換

修改檔案:script.js

完成後看見:最後一張可回第一張,第一張可回最後一張

TASK-03稍後處理

抽出陣列內的隨機提示

修改檔案:script.js

完成後看見:每次點擊顯示一項有效提示

WORKSPACE

本階段實作區

先確認作品目前能做什麼、還缺什麼,再從 TASK-01 開始修改。

CAROUSEL LAB

作品輪播

第 1 / 3 張

準備顯示作品

內容由 render 更新。

提示會出現在這裡。

CONTINUE

開始 TASK-01

下載版只包含 Starter;完成本頁操作後,請回線上教材進入 Checkpoint 1。

回到本頁 Starter 工作區(進入 Checkpoint 1 請回線上教材)