Javascript - Search Functions
JavascriptSimple Search System (finds by names)
A basic live search that can find items by names would look like this:
The "ul" items remain visible if they match your typing, but else they disappear if don't.
Search that can find items by name and description
This is just like the previous search system, but that one doesn't have its items visible on page load and you can find the objects with description aswell:
This is common for a website search system, that usually lies at the top of the page (navbar). Its mostly used to navigate through website pages, rather than items.
Highlight Search System
This is very similar to the previous system, but now if you want, you can also add a highlight to your right-typed letters:
This way it shows, why these items popped up when you typed something matching to these items. This function is used on more search-critical websites, where finding/navigation is essential.