【JavaScript 課題2】簡易Todoリスト

完成イメージ

機能詳細

①タスク追加機能

https://gyazo.com/d2c1c87a05c786e2ded8873d13fd0a0d

[要件]
・ 追加ボタン押下時にタスクを登録できる
・ タスクには、「ID、コメント、状態」が含まれる
・ IDは連番にする
・ コメントはフォームで入力された値が表示される
・ 状態には、「作業中」と表示される
・ 削除ボタンが表示されている（ここでは押下時の動作はつけなくてよい）

②タスク削除機能

https://gyazo.com/0dd4feeea3f7a27aefe6d2160944c65e

[要件]
・ 削除ボタン押下時にそのタスクを削除できる
・ タスク削除時はIDが振り直される
・ 削除後、新たにタスクを追加するとIDが連番となっている

③タスク状態変更機能

https://gyazo.com/eda3b55a7b980f8cedce35f1121ece92

[要件]
・ タスクの状態を変更できる
・ 作業中の状態でボタンをクリックすると完了へ変更される
・ 完了の状態でボタンをクリックすると作業中へ変更される

④タスク表示/非表示切り替え機能

https://gyazo.com/0b47106078622a1e44e912f56b5e9603

[要件]
・ タスクの状態によって表示/非表示を切り替えできる
・ 選択されたラジオボタンに応じて、タスクの表示を切り替える