STEP 10-1

仕様の確認 ~クイズデータ取得と確認

このステップで作るもの:クイズゲーム

 題材はクイズゲームです。下図のような3つの画面があり、「難易度(レベル)の選択」→「表示される英単語の意味を解答」→「正解率を計算/表示」という流れでゲームが進行します。

 これまで同様、動作するものが以下のURLにあるので確認しておくと良いでしょう。

 このアプリケーションの仕様は以下のようになります。

  プレイヤーはゲームの難易度(レベル1~3)を選択する。

  選択した難易度によって適切なクイズを表示する(難易度によって問題内容や数が変わる)。

  1問あたりの解答時間を10秒とし、時間が経過した場合は次の問題へ遷移する。

  全ての問題を終えたら正解率を表示する。

基本となるファイルの作成

 まずリスト10-1-0110-1-02の内容でHTML/JavaScriptのファイルを作成しましょう。

Get ステップアップJavaScript フロントエンド開発の初級から中級へ進むために now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.