線上刷題小幫手

分享之前寫的小工具。

針對選擇題類型考試，AI 時代新產生一種備考方法，考前把課本、投影片、課網... 丟給 AI 生成題庫，轉成特定 JSON 檔格式做成線上測驗網頁，大量刷題練習。(刷不過癮的話還可以找同學組團，大家交換集個三五百題刷到爽 XD)

歷經多次改良優化，磨出一個我覺得很順手的操作介面，野人現曝，分享給有需要的同學。

所有 JavaScript/CSS 寫成單一 HTML，用的是我偏好的Vue.js 輕前端寫法，250 行搞定。至於題庫則是將 JSON 轉 .js，宣告兩個參數 quizName 及 quizData (不用 .json 的原因是 - .html 放本機資料夾用 file:// 開啟時會因來源是 Opaque Origin 無法讀取 JSON)。quizData 為題目物件陣列，每題資料物件需包含六個屬性，N 編號、Q 題目、A 答案、H 解說，O 則是選項陣列，以 A)、B)、C)、D) 起始的四個字串

將 quiz-grinder.html 與題目放在同一目錄，直接從資料夾開啟或放上網站，在 URL 加上 ?<題庫名稱(不含.js)> 即可讀入考題：

簡單說一下介面操作：

1. 球來就打，題來就刷，直接點選項回答
2. 答題後再點一次就可跳到下題，順順一路刷下去
3. 答錯的題目會記在下方的答錯清單，點題號可跳至該題重新作答
   (我習慣全部答完，再回頭看一次答錯的題目)
4. 答案進度會記在 localStorage，同瀏覽器下回打開網頁會停在上次的進度
5. 複製題目功能會將題目(跟答案)複製到剪貼簿，遇到有疑義的題目方便貼去問 AI
   
6. 錯太多，想眼不見為淨會重新來過，可按【清除答錯清單】

程式碼跟範例題庫我放在 Github 了，需要的同學可自取。

我請 Github Copilot 隨便生了四組題庫 (題目由 AI 生成，不擔保正確性)，讓大家線上玩玩體驗看看，Have Fun：

• 演算法
• 資料採勘
• 深度學習
• 資訊安全

Introduces a lightweight, single‑HTML quiz grinder for AI‑generated multiple‑choice exam practice. Built with Vue.js, supports JSON-based question banks, local progress tracking, error review, and easy AI querying. Code and demos are shared on GitHub.