Construindo uma Funcionalidade de Busca Simples

Iniciante

Neste projeto, você aprenderá como usar JavaScript para implementar uma funcionalidade de busca simples. Você aprenderá como vincular o evento de entrada a uma caixa de entrada, processar os dados da busca e exibir os resultados da busca.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como usar JavaScript para implementar uma funcionalidade de pesquisa simples. Você aprenderá como associar o evento input a uma caixa de entrada, processar os dados de pesquisa e exibir os resultados da pesquisa.

👀 Pré-visualização

demonstração da funcionalidade de pesquisa

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como associar o evento input a uma caixa de entrada
  • Como implementar o método handleInput para filtrar os dados de pesquisa
  • Como renderizar os resultados da pesquisa em uma lista

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Usar o método addEventListener para associar eventos
  • Usar o método filter para filtrar um array com base em uma condição
  • Manipular o DOM para atualizar os resultados da pesquisa

Professor

labby
Labby
Labby is the LabEx teacher.