Skip to content

A Vanilla JavaScript project that fetches a list of cities and states from a specified URL and allows users to filter the list based on user input. If a city or state name includes the value entered by the user, it filters the list and matched value's background color will turn yellow.

Notifications You must be signed in to change notification settings

dogukankumru/Vanilla-Javascript-Filter-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

City and State Filter Vanilla Javascript Project

Overview

This is a simple Vanilla JavaScript project that fetches a list of cities and states from a specified URL and allows users to filter the list based on user input. If a city or state name includes the value entered by the user, it filters the list and matched value's background color will turn yellow.

Features

  • Fetches city and state data from a remote URL.
  • Provides a user-friendly interface with an input field for filtering.
  • Dynamically updates the display based on user input.
  • Changes the background color of matching city/state names to yellow for easy identification.

Getting Started

To use this project, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/dogukankumru/Vanilla-Javascript-Filter-App.git

  2. Open the project directory in your code editor.

  3. Open the index.html file in a web browser to run the application locally.

Usage

  1. Open the application in a web browser.
  2. Enter a value (e.g., a city or state name) in the input field.
  3. As you type, the list of cities and states will be filtered in real-time to display only items that contain the entered value.
  4. Matching city/state names will have a yellow background, making them easy to identify.
  5. Clear the input field to reset the filter.

Screenshots

Screenshot 2023-09-10 at 22 09 26 Screenshot 2023-09-10 at 22 10 32

About

A Vanilla JavaScript project that fetches a list of cities and states from a specified URL and allows users to filter the list based on user input. If a city or state name includes the value entered by the user, it filters the list and matched value's background color will turn yellow.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published