JavaScript で検索した結果 - プログラミングならドットインストール

リスト項目を完成版のようにスタイリングしていきます。

チェックボックスがチェックされたときのスタイルを設定していきます。

renderTodo関数を定義したのちに、今回構築していく要素の構造について確認していきます。

label要素内に配置したい要素を一つずつ構築していきます。

button要素、li要素を構築したのちに、ページ内にリストを描画していきます。

todosを変更して表示を確認したのちに、余白を設定していきます。

フォームにイベントリスナーを設定し、項目を追加できるようにしていきます。

項目を追加したあとにフォームを空にしてからフォーカスを当てていきます。

削除ボタンにイベントリスナーを追加し、項目を削除できるようにしていきます。

ブラウザに搭載されたlocalStorageの使い方について見ていきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス