JavaScript Search
We offer free trials - learn JavaScript, CSS, and HTML with us!
Letting users search through data in your application or website is a great UX feature. Building out this type of functionality isn't as hard as you may think. With some basic JavaScript, we can tackle the filtering and searching of data. Follow along as I add a search feature with vanilla JavaScript that allows the user to search for a specific author in a list of authors. Start your free trial to learn more! https://trhouse.co/3owCAaQ
Blog article:
https://trhouse.co/3owCAaQ
Topics discussed:
JavaScript forEach method (MDN Docs)
https://developer.mozilla.org/en-US/d...
Treehouse content on the forEach method:
https://trhouse.co/42815J2
Treehouse content on other array iteration methods:
https://trhouse.co/3ovGZLe
Treehouse content on DOM interaction:
https://trhouse.co/3MTM35u
0:00 Intro
0:59 Getting started
1:50 Search event listener
3:25 Grab DOM elements to search
4:15 forEach loop and conditional
5:46 Working search functionality
6:17 Card animations (CSS)
7:22 Card animations (JavaScript)
9:04 Outro
#javascript #frontend #css #html
---
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Follow Us!
Twitter: / treehouse
Instagram: / teamtreehouse
LinkedIn: / treehouse-island-inc-
Facebook: / teamtreehouse
On this page of the site you can watch the video online JavaScript Search with a duration of hours minute second in good quality, which was uploaded by the user Treehouse 07 September 2022, share the link with friends and acquaintances, this video has already been watched 6,942 times on youtube and it was liked by 189 viewers. Enjoy your viewing!
