Construir una funcionalidad de búsqueda simple

Principiante

En este proyecto, aprenderás cómo utilizar JavaScript para implementar una funcionalidad de búsqueda simple. Aprenderás cómo vincular el evento de entrada a un cuadro de entrada, procesar los datos de búsqueda y mostrar los resultados de la búsqueda.

JavaScript

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a usar JavaScript para implementar una funcionalidad de búsqueda simple. Aprenderás a vincular el evento input a una caja de entrada, procesar los datos de búsqueda y mostrar los resultados de búsqueda.

👀 Vista previa

demostración de la funcionalidad de búsqueda

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo vincular el evento input a una caja de entrada
  • Cómo implementar el método handleInput para filtrar los datos de búsqueda
  • Cómo renderizar los resultados de búsqueda en una lista

🏆 Logros

Después de completar este proyecto, serás capaz de:

  • Usar el método addEventListener para vincular eventos
  • Usar el método filter para filtrar una matriz según una condición
  • Manipular el DOM para actualizar los resultados de búsqueda

Profesor

labby

Labby

Labby is the LabEx teacher.