Skip to content

Adaptation of a vanilla JavaScript mini-project taken from a Traversy Media video tutorial. Practices involved: remembering to use toUpperCase() when building search bar input elements, traversing the DOM, using indexOf() > -1 to implement search functionality, a 'for' loop and an 'if/else' conditional statement

Notifications You must be signed in to change notification settings

loosenthedark/traversy-media-filterable-list-js-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 

Repository files navigation

Filterable List

Adapted from a Traversy Media vanilla JavaScript tutorial on YouTube: https://www.youtube.com/watch?v=G1eW3Oi6uoc&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX&index=7

Brad's project code: https://www.youtube.com/redirect?q=http%3A%2F%2Fwww.traversymedia.com%2Fdownloads%2Ffilterablelist.zip&redir_token=BLsQELqPJrZHtrPM19xOJa5yQed8MTU3MDQ3ODQwMEAxNTcwMzkyMDAw&event=video_description&v=G1eW3Oi6uoc

Alternative code provided by Damian Balas on GH:

https://www.youtube.com/redirect?q=https%3A%2F%2Fgithub.com%2Fdamian-balas%2Ffilterable-list&stzid=UgyKtQatqhi9iSeDh3B4AaABAg&redir_token=9uFnc1S-qa4J08yBjd6yoWJst2d8MTU3MDUyNDcxMUAxNTcwNDM4MzEx&event=comments in line with his advice:

"1. don't use let if you won't change the value of the variable, use const instead. (const foo = document.querySelector('.bar');

2. Don't use for loops, in 99% you can use .forEach()

3. IndexOf is old too, you can use .includes() or the .filter() option"

Link to deployed site:

https://loosenthedark.github.io/traversy-media-filterable-list-js-project

About

Adaptation of a vanilla JavaScript mini-project taken from a Traversy Media video tutorial. Practices involved: remembering to use toUpperCase() when building search bar input elements, traversing the DOM, using indexOf() > -1 to implement search functionality, a 'for' loop and an 'if/else' conditional statement

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages