Auto-complete Search Suggestions using HTML CSS & JavaScript | Instant Search JavaScript

Подписаться 1,6 тыс.

Просмотров 22 тыс.

50% 1

Learn how to quickly search through data to return instant results back to the user via an input field. We'll handle no results, case sensitive and I've linked to all the source code down below.
Links in the video:
- codepen.io/ChrisBarberRiley/p...
💛 Be sure to comment like and subscribe to the channel! I have plenty more videos: / @thetechteam

Опубликовано:

10 дек 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 34

@brandonsupinski7695 3 года назад

Amazing video I dont completely understand it, but it game me stuff to figure out, thank you.

@matinkahrizi9606 2 года назад

Man this code is just clean ! and you explain it so awesome. i honestly love it brother ♥

@matinkahrizi9606 2 года назад

and i just have a question : how can i limit the results for example show only first 4 paired results in the list ?

@manoj03h 2 года назад

Thanks a lot you saved me i was struggling so much finally you solved my problem thankyou so much...

@sluggerrrrrr Год назад

I am new to coding. Been taking courses and studying hard, also trying to implement what I learn into small projects. I understand every single line of this code, all good. All I'm wondering is how did you come up with all this by yourself and does it just come naturally with time ?

@pinkbalem Год назад

Thank you!

@supnegi 2 года назад

thanks a ton!

@soniinfo7005 Год назад

IT WORKS THANK'S

@linfordaboagye2270 2 года назад

Hey, well done making this. Just a quick question - Would you happen to know how to limit the results so that there is a limit of let's say - 5 results?

@yulyachernomorskaia3506 Месяц назад

results = searchable.filter((item)=>{return item.toLowerCase().includes(input.toLowerCase())}).slice(0,5);

@mohammedkamran7649 3 года назад

Bestest

@user-se8wh3oj5t Месяц назад

Amazing Broo

@pavankalyanchilakalapalli5789 3 года назад

Hi mate i have two search text boxes in my code can I use same logic for both search box

@slimsyd2421 2 года назад

Lets say I want to click on the first result. How would I have that content be auto displayed into the search bar? Then have it's href changed aswell?

@HoaNguyen-wu4jf 2 года назад

The video sound is pretty good, beyond my imagination

@andromeda-bl4fi 3 года назад

Does it search for results from multiple pages of same website??

@miiihaaas Год назад

and if we want to click on item form list, it should fillin item's name into the inputbox... any hint for this?

@chriseffects6956 2 года назад

Thankyou...but please can you show how to create a redirection link to a page within the same website when an article is been searched on the search box.

@lexaeterna8893 2 года назад

Hello, how can i make it the search keywords in any order? for ex. item or string= "RU-vid Facebook Twitter Sample" If I search "Facebook RU-vid", then it will appear on suggestions and any other items that will match.

@michaelkitson840 2 года назад

Great tutorial, thanks. Anyone managed to change the script so it searches within an object? So eg searching a list of recipes you can return a recipe by searching for a cuisine rather than the name itself