プロジェクト in JavaScript Skill Tree

シンプルな検索機能の構築

初級

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

JavaScript

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

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

👀 プレビュー

search functionality demonstration

🎯 タスク

このプロジェクトでは、以下のことを学びます。

  • 入力ボックスにinputイベントをバインドする方法
  • 検索データをフィルタリングするためのhandleInputメソッドを実装する方法
  • 検索結果をリストにレンダリングする方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

  • addEventListenerメソッドを使ってイベントをバインドする
  • 条件に基づいて配列をフィルタリングするためのfilterメソッドを使う
  • 検索結果を更新するためにDOMを操作する

講師

labby

Labby

Labby is the LabEx teacher.