CHAPTER 19 · PRACTICE WORKSPACE

舊站維護:jQuery 與 FAQ 對照

能讀懂既有 jQuery FAQ,再將同一段行為遷移成原生 JavaScript,並維持單開、收合與 aria-expanded

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

TASK STATUS

三項任務目前狀態

TASK-01已完成

讀懂既有 jQuery 並建立原生事件入口

修改檔案:script.js

完成後看見:querySelectorAll 與 addEventListener 只切換被點擊的 FAQ

TASK-02已完成

在原生事件中同步 aria-expanded

修改檔案:script.js

完成後看見:原生版的視覺開關與 aria-expanded 永遠一致

TASK-03本階段處理

以原生 forEach 完成單開與再點收合

修改檔案:script.js

完成後看見:開新題會關閉舊題,再點目前題可收合,aria 不殘留

WORKSPACE

本階段實作區

已完成 TASK-02;先核對可見結果,再前往 TASK-03。

LEGACY MAINTENANCE

jQuery FAQ 修復

本課使用 jQuery 3.7.1 維護分支示範。

不是,它是包裝常見 JavaScript 操作的函式庫。

不一定,本課定位是讀懂與維護既有網站。

不會,下一課使用原生 fetch。

CONTINUE

繼續完成 TASK-03

前往 Solution,依要求完成「以原生 forEach 完成單開與再點收合」。

前往 Solution:完成 TASK-03