This content originally appeared on DEV Community and was authored by Abhii

I created a basic search bar using JS and here is how it looks.
So, whenever a keyup occurs inside the search box, our function searches for the item in our list.

Things you should know

• Basic JS
• onKeyUp
• forEach method
• DOM Manipulation

You can see the live demo here

The Code

Github Repo

Feel free to fork or clone the repo.

Thank you!

This content originally appeared on DEV Community and was authored by Abhii

Print Share Comment Cite Upload Translate

APA

Abhii | Sciencx (2023-03-22T17:11:38+00:00) » I made a basic search-bar using JS. Retrieved from https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/.

MLA

" » I made a basic search-bar using JS." Abhii | Sciencx - Sunday July 18, 2021, https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/

HARVARD

Abhii | Sciencx Sunday July 18, 2021 » I made a basic search-bar using JS., viewed 2023-03-22T17:11:38+00:00,<https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/>

VANCOUVER

Abhii | Sciencx - » I made a basic search-bar using JS. [Internet]. [Accessed 2023-03-22T17:11:38+00:00]. Available from: https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/

CHICAGO

" » I made a basic search-bar using JS." Abhii | Sciencx - Accessed 2023-03-22T17:11:38+00:00. https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/

IEEE

" » I made a basic search-bar using JS." Abhii | Sciencx [Online]. Available: https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/. [Accessed: 2023-03-22T17:11:38+00:00]

rf:citation

» I made a basic search-bar using JS | Abhii | Sciencx | https://www.scien.cx/2021/07/18/i-made-a-basic-search-bar-using-js/ | 2023-03-22T17:11:38+00:00