● 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.