How to create a simple shopping list app with jQuery

Published on: March 18, 2018

Welcome to the 6th Easy jQuery tutorial. 

We learned a lot about event handling and event delegation in the last few tutorials. Let's put that to use and create something practical, such as a Shopping list that you can add to and remove.  It's a simple tutorial and can be applied to creating a to-do list as well! 

We'll be using the .on() event method as well as some event delegation in our little app. This shopping list app will allow you to add to and remove items from a quick shopping list. The entire app is just 10 lines long!

This app can double as a to-do list or any other list where you add and remove items. 

I hope you enjoyed this tutorial! Please feel free to ask questions below or just leave your basic comments. 

To fork the fiddle and follow along:

Remember to checkout the Resources section below for associated downloadable content, JSFiddle links, and other resources. Watch the video and follow along!