Filter Products with Two Different Ways with JavaScript

Filter Products with Two Different Ways with JavaScript - In this tutorial, we are going to learn how to Filter Products in two different ways. we will look at how products can be filtered using for loop and a regular expression (RegExp). You might be familiar with loop filtering but filtering the data with RegExp is something advanced. So we will create products with free API and use API values to create dynamic products using javascript. You all know we can make dynamic HTML with Javascript. So we will take Free Fake API and create multiple products. Then we are going to take filter all the products using the title. You are not limited to only using the title for the product filter, you can use category, price, description, and even your own custom field. So let's see how to do it. Attribution:- Images From https://www.vecteezy.com/free-vector/profile-icon 👉 Support Me on Patreon 😊: https://www.patreon.com/dailytuition 📂 Source Project 📦https://github.com/akashyap2013/FilterProducts_JavaScript.git 🚀 Udemy Courses: https://www.udemy.com/user/akshay-kashyap-6/ 🎅 Playlist : Complete MERN Series https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ 🛠️ Tools I use: 🟠 My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA 🟠 Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ 👉 Follow us: 🟠https://www.instagram.com/akki.2013/ More Videos: 💡 Complete Node Course https://youtu.be/-27HAh8c0YU ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 React Complete Tutorial https://youtu.be/jWbzbq2C_RY ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL https://youtu.be/KLWA2vCERSQ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete Portfolio Website with Bootstrap - HTML/CSS https://youtu.be/dgKSqz3it50 ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Create a Shopping Cart Using PHP and Mysql https://youtu.be/IO5ezsURqyg ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022] https://youtu.be/kRQEkTHIEyU ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete CRUD Operation with PHP MySql Database https://youtu.be/JZdMXUIMdQw ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Birthday Remainder Application with React - For Beginners https://youtu.be/o2IZaojOz-o ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Bootstrap Grid System The Complete Guide - In Action https://youtu.be/hrKMGFkTKF8 Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one. Thank You...! 🙏 ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ Tags: #reactquery #fetchserverdata #react