はじめに
このプロジェクトでは、JavaScriptを使って簡単な検索機能を実装する方法を学びます。入力イベントを入力ボックスにバインドし、検索データを処理し、検索結果を表示する方法を学びます。
👀 プレビュー

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