Création d'une fonctionnalité de recherche simple

Débutant

Dans ce projet, vous apprendrez à utiliser JavaScript pour implémenter une fonctionnalité de recherche simple. Vous apprendrez à lier l'événement d'entrée à une zone de saisie, à traiter les données de recherche et à afficher les résultats de la recherche.

JavaScript

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à utiliser JavaScript pour implémenter une fonctionnalité de recherche simple. Vous allez apprendre à lier l'événement input à une zone de saisie, à traiter les données de recherche et à afficher les résultats de recherche.

👀 Aperçu

démonstration de la fonctionnalité de recherche

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment lier l'événement input à une zone de saisie
  • Comment implémenter la méthode handleInput pour filtrer les données de recherche
  • Comment afficher les résultats de recherche dans une liste

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Utiliser la méthode addEventListener pour lier des événements
  • Utiliser la méthode filter pour filtrer un tableau selon une condition
  • Manipuler le DOM pour mettre à jour les résultats de recherche

Enseignant

labby

Labby

Labby is the LabEx teacher.