メインコンテンツまでスキップ

クイズアプリ

JavaScript(ES6 または jQuery)でクイズアプリを構築し、JSON データを読み込み、状態を管理し、UI をレンダリングし、結果を一時的に localStorage に保存します。

リソース

実装要件

  1. JSON ファイルから問題データをフェッチし、非同期処理を安全に扱う。
  2. デザインに従って問題を1問ずつ表示し、選択肢の選択、次の問題への移動、戻る操作を可能にする。
  3. 進捗状況(例:問題 X / Y)と、完了時の合計スコアを表示する。
  4. クライアント側(localStorage)に一時的に状態を保存し、ページリロード時に復元できるようにする。
  5. コードは明確なモジュール構造にする。