用目前索引渲染作品內容
修改檔案:script.js
完成後看見:標題、描述與張數來自 slides[index]
CHAPTER 17 · PRACTICE WORKSPACE
可前後切換並抽取練習提示的原生 JavaScript 輪播
TASK STATUS
修改檔案:script.js
完成後看見:標題、描述與張數來自 slides[index]
修改檔案:script.js
完成後看見:最後一張可回第一張,第一張可回最後一張
修改檔案:script.js
完成後看見:每次點擊顯示一項有效提示
WORKSPACE
已完成 TASK-02;先核對可見結果,再前往 TASK-03。
FOCUS TASK · TASK-03
比較:Math.random 產生的是數值,還要轉成陣列有效索引才能安全取出提示。
現在做:在 Solution 閱讀 pickTip handler,將 Math.random()、乘上 tips.length、Math.floor() 與 tips[randomIndex] 四段責任逐一圈出,再連按五次確認結果都落在提示陣列。
預期:完成後能觀察到「每次點擊顯示一項有效提示」,並說出Math.random 產生的是數值,還要轉成陣列有效索引才能安全取出提示。
證據:用前後截圖或口述比較「每次點擊顯示一項有效提示」,指出這個小型實驗如何證明Math.random 產生的是數值,還要轉成陣列有效索引才能安全取出提示。
比較:隨機結果可以不同,但每次都必須是資料陣列中存在且可讀的提示。
現在做:在 Solution 連按隨機提示五次,將每次文字與 tips 陣列逐項比對;即使連續抽到相同提示也算有效,不以『每次都不同』作為錯誤判定。
預期:完成後能觀察到「每次點擊顯示一項有效提示」,並說出隨機結果可以不同,但每次都必須是資料陣列中存在且可讀的提示。
證據:用前後截圖或口述比較「每次點擊顯示一項有效提示」,指出這個小型實驗如何證明隨機結果可以不同,但每次都必須是資料陣列中存在且可讀的提示。
完成條件:DONE-03:每次點擊顯示一項有效提示
CAROUSEL LAB
內容由 render 更新。
提示會出現在這裡。
CHAPTER HANDOFF
接收:第 16 章已驗收判斷、works 陣列迴圈 render 與 localStorage 清除邊界;本章改在獨立輪播頁練習同一個「資料陣列 → render → DOM」責任模式。
本章交棒:slides、currentIndex、renderSlide()、首尾 modulo 與提示陣列的有效索引;第 18 章會在獨立 timer 頁加入時間生命週期,不共用本頁 HTML。
CONTINUE
前往 Solution,依要求完成「抽出陣列內的隨機提示」。