このレポジトリはWeb白熱教室のJavaScriptの学習コンテンツ > JavaScriptフロントエンド編にある「【エクササイズ】async/awaitを使ってクイズアプリを作る」で利用するものです。
以下の「課題をクリアするためのステップ」の内容を全て対応して、index.html
をブラウザで開き、上の完成形の画像と同じような機能を実装する。(API(ネットワーク)経由でのデータの取得が完了されるまではクイズデータの表示はされないことに注意する。)
基本的には「【エクササイズ】Fetch APIを使ってクイズアプリを作る」と同じアプリの実装になる。
異なる点は「async/await」を使った実装になったところ。そのため、レビュー時は「async/await」を正しく使えているかがポイントとなる。
- main.jsの中のコメントに記述されている課題をクリアしてください。
- 答えは
answer.html
,answer.js
,answer.css
の中身になります。参考記事を読んでもわからなくなった場合は、答えの実装を見て、コードの流れを理解してからまたチャレンジしてみてください。(コピペ厳禁)answer.html
,answer.js
,answer.css
はあくまでも解答の一例のため、参考する実装例の1つとして認識する。
課題をこなしていて、行き詰まったら以下の資料を参考にしていただければ解答にたどり着けるかと思います。