I'm not sure why, but I cannot get this to work. I wrote exactly what you did throughout the tutorial and my javascript didn't do anything. So I just copied your code from the link in the description, and still nothing. I am working on Visual Studio Code and yes I have set up my html page correctly (with links and scripts). The html and css code works, but js is not. Do you know how to fix this?
Can you please add a click listener too so that when we click on any suggestion it should be automatically got typed in search box as google suggestion does
Thx for the good video. I am using it with a search bar in the navbar. How can i do it, thatthe suggestions panel overlapps the other content and not moving it?
@@FrontendTips thank you so much for the quick answer, it works perfect! did you make any tutorials about a tags for the suggestion panel and how to connect it to a data base with ajax etc. ?
Hi FrontendTips, really great video. Somehow I can't see anything on console when I type stuff in the input area (9:58). Does anybody know the reason why?
@@FrontendTips I have to create a autocomplete search bar using handlebars js for a task I am given in my intership. The one that I have created is using simple html and xhr. But I have to create it using handlebars js.
@@FrontendTips I totally agree with you. I also think that simpler is better. I like your videos and am always excited to see one (yes because I receive notification whenever you post). I was just letting you know. I thought it may be of some use anytime soon in the future. Keep it up! By the way we missed you
You are just like a BOSS teacher. Thank you teacher. 😊👍
The video sound is pretty good, beyond my imagination
Tutorial is Really cool.
How to add a hyperlink to the list?
Thank you.
As always, really nice!! And yes, make a second part bring the data from database, please! Thank you!!!
I would suggest a few subtle changes (such as using RegExp for matching), but overall a fantastic foundation and very helpful.
This is a fantastic tutorial - It helped me greatly. Thank you!
Fantastic video...this was incredibly helpful!
I think a better event listener is 'input', it triggers when you paste content to the input field too, not only when you type.
Also, I'd suggest to use 'toLowerCase' on the input too.
hey, how do I make the text appear on the search panel, when i click on the suggestion ?
Good work i extremely needed a video like this, thank you!
hey, using up/down arrows javascript?
Nice, thanks sir..
I am satisfied.
This was nice - clean succinct code. Thanks.
Very nice man.......... superb
Helped me a lot, thanks!
I'm not sure why, but I cannot get this to work. I wrote exactly what you did throughout the tutorial and my javascript didn't do anything. So I just copied your code from the link in the description, and still nothing. I am working on Visual Studio Code and yes I have set up my html page correctly (with links and scripts). The html and css code works, but js is not. Do you know how to fix this?
Can you please add a click listener too so that when we click on any suggestion it should be automatically got typed in search box as google suggestion does
Very good tutorial. thank you.
This is amazing ! thanks a lot !
how to add hyperlink on each countries?? please answer
Thx for the good video. I am using it with a search bar in the navbar. How can i do it, thatthe suggestions panel overlapps the other content and not moving it?
@@FrontendTips thank you so much for the quick answer, it works perfect!
did you make any tutorials about a tags for the suggestion panel and how to connect it to a data base with ajax etc. ?
"startsWith()" I can not believe it
Perfect!
Can you show the autocomplete with more features? Like adding a hyperlink and other information?
Hi FrontendTips, really great video.
Somehow I can't see anything on console when I type stuff in the input area (9:58). Does anybody know the reason why?
In your html you might have to include a next to your input class.
awesome!
The primary purpose of the suggestion box should be to select suggestions. You haven't covered the primary thing.
Can you make the resolution higher 360p kinda hard to see
you need to change your settings using the cog icon on the bottom right of your screen, the video is available in HD
can you make a video with handlebars js?
@@FrontendTips I have to create a autocomplete search bar using handlebars js for a task I am given in my intership. The one that I have created is using simple html and xhr. But I have to create it using handlebars js.
@@FrontendTips Right , it is very old template engine but have to do it and in a very short time.
Thank you for your valuable feedback.
Argentina 🇦🇷 pa
another way to compare string in lowercase is using RegExp('^' + regexEscape(country), 'i').text.input(input)
@@FrontendTips I totally agree with you. I also think that simpler is better. I like your videos and am always excited to see one (yes because I receive notification whenever you post). I was just letting you know. I thought it may be of some use anytime soon in the future.
Keep it up!
By the way we missed you
Armenia 😂😎😎
On clicking on suggestions it should fill textbox right........u didn't mention about that....... make another videos on that
Armenia ❤️❤️❤️ 🇦🇲🇦🇲🇦🇲
the sound is not good I am quite disappointed
CovidImages need to be invested more than half19
The video sound is pretty good, beyond my imagination
The video sound is pretty good, beyond my imagination