How To Make Autocomplete Search Box For Website Using HTML CSS & JavaScript

[@miansohaibraheem]

Perfect. You did a great job. Love and respect for your hard work

[@LeonnieOkojie]

Thank you very much. Your video was very very helpful. It worked !!!! Sending lots of love ❤️

[@tindimwebwahadijah9764]

Thanks bro I have leant many things from you.thaks for the creativity.I am Fahad

[@hiwotina26]

Please do complete JavaScript tutorial. Thanks to you I feel great about my HTML and CSS. I will learn a lot from you if you have JavaScript tutorial.

[@newbe379]

my goodness javascript is to difficult and crazy to learn but i dont give up

[@yussifhamza1043]

thank you very much i was able to defend my project today

[@Touhid54]

Easy Tutorials actually teach the easy way.

[@Teakito]

Thank you very much. your vedio and explanation were amazing. learned alot and it is working fantastically.

[@kadampremal7225]

Thank you.This video is very helpful.

[@kaungzanhein-z7x]

Thank you so much bro it's very helpful.

[@mdabdulahallnomantuhin3621]

Thanks Brother it was beautiful 🥰🥰🥰 love you

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@venkatsai563]

it was very helpful bro thank alot

[@aniruddhadas9584]

Loved the video. Learn a lot. Thanks!

[@PraptiSharma-wx6fh]

Very nice box sir..

[@xen0076]

Just a question can we do the same using eventlistener? for keydown or keyup ?

[@livelivelive2548]

Yes - I did this and it works: inputBox.addEventListener("keyup", () => {}

[@vishalchoudhari889]

thanks bro you are doing great job

[@mdaminulislam6315]

😍Excellent

[@GreatStackDev]

Thank you. 😊 Keep coding.

[@manhhoangtien540]

thank you for super helpful video, can you tell the visual studio code's theme you using, it is very nice!

[@hammeedabdo.82]

Can you do a video on how to make an accordion that has the following properties: 1- The possibility of dragging and dropping between rows or accurately between accordions. 2- The possibility of entering or adding a new accordion. 3- Open the accordion through one click, but if you double click on any accordion, all accordions will open.

[@oviyasi]

hi thank you for the video! may i ask what vscode theme you are using here?

[@AduleLucky]

U r cool man I like your videos

[@RemotTube]

I subscriber of your channel please create video on tender website please.. Thank you

[@GreatStackDev]

thank you! I i will consider that in my future tutorials

[@arjunviskarma4449]

wow really beautiful thank you sir for this.

[@yudha9049]

Thank you sir excelent tutorial

[@calebstruble6386]

How do you make it so then if you click outside of the list, the search box disappears? Or when you click the text, it completes a search?

[@SonuKumar-hz2ff]

do you found solution to this problem

[@jjaaddee205]

Can you do a video showing Python Programming the following: 1.) Log-In- Sign-UP (PYTHON & DATABASE) 2.) Interactive Design 3.) And some examples of a website

[@Badmosh_0009]

Its mysql

[@zearak]

Thank you for the tutorial but can you help me why the hover doesn't work for me?

[@lukekoletsios3236]

very helpful video thanks

[@user-qt3zg8ww3d]

I like this!!! Amazing guy! thanks forever!

[@divyasai5787]

thank you bro.... you are awesome

[@mohammedelhoussni]

nice tutorial thank you soo much

[@michaelgood5070]

How do you redirect to a web page/url when you click on some search result ?

[@AbrarulRhythm]

Hi dear, I like your tutorials & channel. Please provide React js project would be better. I hope you accept my request. ❤

[@mdms4549]

Awesome, Thanks😃😃

[@chebkhaled69]

really well made video

[@GreatStackDev]

Glad you enjoyed it

[@emmersonwonka4475]

excellent video

[@mikesowers8927]

Hi All, This was a very helpful video, however, I do have a question: Why do you pass in the global object "this" to the selectInput() function code snippet is below. Thank you for your assistance! function display(result) { const content = result.map((list) => { return `${list}}` }); resultBox.innerHTML=`${content.join('')}` }; function selectInput(list) { console.log(list) inputBox.value = list.innerHTML; resultBox.innerHTML=''; }

[@medipaksinha]

Thank you

[@ramakanttiwari835]

thank you sir

[@3vibs]

Fantastic bro

[@khqwesy]

You are amazing! Thanks for always teaching us something new... Can you make a mobile menu like Versace?

[@johnmun1471]

in my computer, function selectInput not exist when I click a li. why is not working?

[@to0ney252]

Awesome tutorial! Very easy to follow

[@pr4thamff157]

how to add links in available keywords

[@bilawallaptop9883]

hi im newbie how to add in blog plz guide.

[@ashishsrivastava4896]

How can I show "suggestions" in advance which are shown to user when user only clicks the search box as in the case of google search box. I request a guided video on this.

[@Anonymous55212]

i faced error in javascript file "onkeyup" function

[@andreaspinheiro]

cuz in JS is not "onkeyup", instead try: "keyup" its "onkeyup" if you are using a event handler in html, like:

[@justinisiahalcantara7951]

​@@andreaspinheiro Hello! Can you enter the full code for the input box? I can't do it , i feel like i did something wrong with the code. Thank you!!

[@RandomCreater493]

Use event listener

[@factpulse-q7b]

Now that I can search for items How do I click on the item searched for and it take me to another page

[@SonuKumar-hz2ff]

do you found solution to this problem

[@giftkabubi1089]

How do make the keywords directing to their content concerning

[@AdibaIslam-or5qp]

Hi sir I want to add search bar......but search don't work Any think search

[@freecs.2518]

Bro please make valentines card

[@ryancuy2765]

teach me to make a search engine in website, sir

[@GreatStackDev]

I will make that in 2nd part soon.

[@ryancuy2765]

@@GreatStackDev thank you very much sir🫡

[@Demola704]

Can we click on it

[@GreatStackDev]

yes you can click on suggested search term to write it in the search box

[@rishi8919]

Sir I downloaded the code , but the HTML code is not available, can I get any help from you.

[@atzomsfm]

When i typed something like How, no keywords list showed and it didn't work for me. i followed all your steps

[@samuelmahiuha6259]

How can I modify the code for me to get results in the website. What I mean is, when I type ' hmtl' and then press enter key, there is no any other action, it's just stops there and nothing else. Make a video demonstrating how to get results from the website when you press enter key

[@c_n_b]

Instead of having to manually list all the keywords at 12:00, is there a way to simply refer to a list of HTML pages in the root directory?

[@peyyalakavya1733]

Onkeyup is not working plz help me

[@TraeGeorge]

@@peyyalakavya1733 make you you have the id name right and if that doesnt work try writing it as document.getElementbyId("input-box") = function ( ) { }

[@missipsamhamedannane454]

create a .txt file with all your informations and read the file to create your possibleKeyWords if there is something better you found tell me cause i am doing it this way

[@aviroopmitra5353]

this video was cracked

[@kirtikumari1944]

Bro how to add link (href) it.

[@IsruKing-y1v]

How to make their links?

[@AnmolSingh-x3o]

this error on onclick function ReferenceError: selectInput is not defined at HTMLLIElement.onclick (index.html:1:1)

[@Demola704]

Pls I need an answer on how to solve this

[@roumen1669]

code didnt work "Uncaught TypeError: Cannot set properties of null (setting 'onkeyup')"

[@peyyalakavya1733]

Yes it's work or not still

[@adityaranavat8470]

Heyy

[@adityaranavat8470]

I also have same error did you solve that if yes then how

[@ErzaScarlet-u4v]

Mine is shown undefined. I can't fine the error.

[@AnjaliGopal-xs5dd]

my list don't vanish after clicking the input

[@Anythinggoesmusic755]

how to add link i those searches if someone click that search it redirect him to that link pls tell

[@SonuKumar-hz2ff]

do you found solution to this problem

[@Demola704]

I don't know what is happening my JavaScript code is not working on my vs code

[@hindibravenews]

How to add othe page link

[@sagarprasadz]

how to redirect to link when we search please tell me

[@SonuKumar-hz2ff]

do you found solution to this problem

[@sagarprasadz]

@@SonuKumar-hz2ff yes

[@sagarprasadz]

@@SonuKumar-hz2ff yes

[@Fox_Gaming_H]

2:48

[@KiremiYT]

can you share the code?

[@Josu117]

bro why not work class="fa-light fa-magnifying-glass" :C

[@BetYouHateMeNow]

you didn't add font awesome cdn link between your head tag

[@Anythinggoesmusic755]

source code pls

[@peyyalakavya1733]

Onkeyup not working plz help me

[@thithi-em3lh]

. I can't manage. Can you help?

[@ДжавидЗалов-б3э]

how to implement a site search ?

[@GreatStackDev]

I will make that in 2nd part soon.

[@hamzahasan5423]

Sir where is source code

[@smallboy3559]

my search fetching speed is low

[@arshadchaudhary4566]

Your English is very hard to understand sir can't able to understand it properly

[@rohanSubTopic]

Bro how to add the links in each of the keyword ??? Need immediate

[@sammashon4311]

inputBox.onkeyup = function(){ this code isnt working

[@truthteachers]

Bro, if you stop providing the source codes, many of us (2000 of us) will unsubscribe from your channel.

[@irakammuralikrishna2884]

yes

[@BonVoyage2020]

Hi is there any chance i can contact in WhatsApp because i am interested to design my web page please thanks

[@philippe_1776]

Thank you very much, it is very helpful !

[@ErzaScarlet-u4v]

Mine is shown undefined. I can't fine the error.