はじめに
このプロジェクトでは、JavaScript を使って簡単な検索機能を実装する方法を学びます。入力イベントを入力ボックスにバインドし、検索データを処理し、検索結果を表示する方法を学びます。
👀 プレビュー
🎯 タスク
このプロジェクトでは、以下のことを学びます。
- 入力ボックスに
inputイベントをバインドする方法 - 検索データをフィルタリングするための
handleInputメソッドを実装する方法 - 検索結果をリストにレンダリングする方法
🏆 成果
このプロジェクトを完了すると、以下のことができるようになります。
addEventListenerメソッドを使ってイベントをバインドする- 条件に基づいて配列をフィルタリングするための
filterメソッドを使う - 検索結果を更新するために DOM を操作する
