Javascript project: Shopping cart tutorial [ For Beginners ]

In this video you will learn how you can use javascript to add different functionality to a shopping cart. The video shows how you can add and delete products to the shopping cart and also how you can store data to the localstorage so when a user reloads the page or closes the web browser the data will remain in the shopping cart.
____________________________________________________________________
5 Javascript projects for beginners: • 5 Small and Easy Vanil...
____________________________________________________________________
⏲ Timestamps:
[0] 0:00 Introduction and demo
[1] 2:23 Start coding
[2] 4:25 Add products to Cart
[3] 20:00 Add the functionality to plus and minus buttons
[4] 27:03 Add products to local storage
____________________________________________________________________
The Source Code:
github.com/Index-Zero-0/JS-Sh...
____________________________________________________________________
Please LIKE and SUBSCRIBE for more content and supporting!

[@greendragon0009]

Really set me on the right track. Thank you so much. :)

[@andresmandique3405]

Excellent video, thank you very much and God bless you!

[@umanggharat4700]

This is very Good Explaination and clean code then what i watch earlier... Thanks for this video

[@emreaydogdu5413]

I am really appreaciated that you serve ADVANCED piled Knowledge to all. You would enlighten us in case you elaborate HTML CSS relation as it contains a set of elusive attributes.
Hope to see your continuous UPLOADS :)

[@zimabezsnega]

Thank you so much man)

[@hossam_san]

Very good and robust code .. keep it up

[@mardikagop4600]

very very very nice, thank you

[@nizamramazanov8393]

Thenk for help

[@irfanisgandarov6838]

thank so much

[@mohammedalhelw340]

Thank you 😍😍😍😍😍

[@JohnBywaters]

Looks amazing however I know a little bit of coding and this demo seems very advanced for beginners

[@index-zero]

Maybe you are right, I wrote for beginners just because the most codes in this video are basic javascript. But often it is really difficult to determine if some projects are for beginner or intermediate.

[@andibregovina9140]

change title from toturial to tutorial and make the best css design cuz in simple css visitors excits video and to to another video
btw wish you the best for channel!

[@andresmandique3405]

I have a question, how can I make to work “search for”?
Could you help me please?

[@eliabandinelli7858]

hello index-zero, i can't understand why the console says that the const parentElement doesn't exist

[@vietnguyenmanh2623]

thank you but can you help me how can i get data from that localstorage into my back-end with jsp servlet

[@index-zero]

Sorry I never worked with servlet.

[@emmaoye2704]

How can I add this to an existing project?

[@geethanjaligajulapalli3189]

Am not getting iteams in cart even added to cart

[@andresmandique3405]

How much is it? Because I want to know how make to work “search for”.

[@rodrigoromano7608]

I don't see cart button... help me!

[@imrulkayes5941]

how can you add remove from cart button? I've tried to reuser the splice method but didn't worked

[@ivankremenetskiy6753]

removeButton.parentElement.remove should do it

[@rajkumarm8088]

Please does soft soft need a driver for midi controller? Coz it's not reading my midi controller, m-content oxygen49, thanks if it need please

[@kingowende2416]

Thank you so much dude, can you create product details and payment page, Help Please. :)

[@roaldmason4176]

Yh can you help us

[@drescott2666]

This

[@chillphyll6925]

how can i remove all the items in the cart at once? like a clear cart button

[@index-zero]

Atually I didn't add this option but you can add another button in shoppingcart then add an event listener on it and set productsInCart to an empty array.

[@abulalalalalaabulala4521]

productInCart = [] ;

[@MicahFishel]

I don't know why but I can't get the very beginning part where I click cart and it opens cart. Everything else works i can see it in inspect but i can't get the cart to open

[@MicahFishel]

Never mind I figured it out. Thank you so much. Great tutorial that actually works

[@naomia.h8035]

how did you fix the issue

[@rodrigoromano7608]

@@MicahFishel
how did you solve the problem

[@glevig2005]

good work but ı clicked cart icon but did not show added products and prices on responsive design. how to fixed this issue ?

[@glevig2005]

worked but when ı clicked to hamburger.

[@index-zero]

@@glevig2005 I fixed it there was some problem with html and css codes. 😁

[@glevig2005]

@@index-zero can you share files with me ?

[@index-zero]

@@glevig2005 I updated the github repository so you can download it from there.

[@glevig2005]

@@index-zero i think issue with .overlay class. which changes property of html and css files?

[@arisdwiwahyudi6143]

can you share link box icon please

[@index-zero]

I used font awesome, you can get a link for it using cdnjs.com , then just include it in your html file. The name of this icon is shopping-cart so you can search it in font awesome website.

[@naomia.h8035]

help, i cant open the cart

[@qalinlecilmi947]

Mastarcard aan anigu leehay hadayna ku cadayn

[@cjcalamba5294]

I don't see cart button

[@index-zero]

In which browser you're opening the index.html file?

[@cjcalamba5294]

@@index-zero in chrome

[@cjcalamba5294]

Can you help me sir..

[@index-zero]

I dont know why you dont see it I tested in chrome and it works just fine just make sure you have internet connection for font-awsome icons

[@andresmandique3405]

I pay you

[@okechukwuchibuike3878]

Please @index-zero I have some problems with my cart