このレポジトリはWeb白熱教室のJavaScriptの学習コンテンツ > JavaScriptフロントエンド編にある「【エクササイズ】Promiseを使ってTodoアプリを作成する【JavaScript】」で利用するものです。

以下の「課題をクリアするためのステップ」の内容を全て対応して、index.htmlをブラウザで開き、上の完成形の画像と同じような機能を実装する。

また、今回の課題で作るものは「【エクササイズ】DOM操作をしてTodoリストを作成する【JavaScript】」と似た内容になりますが、「【エクササイズ】DOM操作をしてTodoリストを作成する【JavaScript】」との違いはPromiseを使っているか・使っていないかの差です。

今回の課題ではWebページで挙動が確認できることだけでなく、Promiseを正しく理解して使えているかについても確認します。

1. main.jsの中のコメントに記述されている課題をクリアしてください。

• 答えは answer.html, answer.js の中身になります。参考記事を読んでもわからなくなった場合は、答えの実装を見て、コードの流れを理解してからまたチャレンジしてみてください。(コピペ厳禁)

課題をこなしていて、行き詰まったら以下の資料を参考にしていただければ解答にたどり着けるかと思います。

• Web白熱教室
  • 【JavaScript】Promiseで非同期を実装するメリット
  • 【JavaScript】Promiseオブジェクトを作成する
  • 【JavaScript】Promiseのthenメソッドの使い方
  • 【JavaScript】Promiseのcatchメソッドの使い方