websim數學測驗基礎技術 QuizApp 類別


 

JavaScript 核心邏輯與狀態管理

  • QuizApp 類別:整個應用的邏輯都包裹在一個 QuizApp 類別中,這個類別負責初始化 DOM 元素、綁定事件監聽器、管理測驗流程(包括題目呈現、計時、分數計算)與螢幕切換。
  • 動態生成題目:在使用者選擇完主題、難度與語言後,系統會向後端 API 發送請求(/api/ai_completion),根據指令生成符合條件的多選題測驗。
  • 計時與分數系統:每一題根據難度設定不同的倒數計時,並根據剩餘時間計算獲得的分數;答題結果會更新使用者分數,同時使用 localStorage 保存累積點數。



嵌入 WebSim 內容