Build a Shopping Cart with JavaScript – Project Tutorial

By this video I have got to learn about es6 arrow function and also how to properly use variables. Thanks for this tutorial.

🤟🤟

thank you 😍

This is very hard man.....u have memorize lot of css properties....than comes js part which is also troublesome....
Can we the same with Ai😊😊😊

Thank you for the detailed information 🤍....

tnx

I love this. it make me understand everything about JavaScript. thanks a lots

This is really helpful. Thanks! But I am running into an issue

<div class="buttons">
<i onclick="decrement(${id})" class="bi bi-dash-lg"></i>
<div id=${id} class="quantity">
${search.item === undefined ? 'undef' : search.item}
</div>
<i onclick="increment(${id})" class="bi bi-plus-lg"></i>
</div>

The div is generating 'undef' as soon as the page loads and it is not putting the number that is stored in local storage. However, as soon as I click one of the buttons, everything is working correctly. Any idea why?

I find in my case problem is let basket = JSON.parse(localStorage.getItem("data")) || [] ; my code who work is let basket = JSON.parse(localStorage.getItem("data")) ;

I get cote from git but chart.html not worked

Thanks a lot bro... I found the best

my item value is not increasing ,it shows me item: NaN

increment function is little bit tough for me. I also get 50% of information.

Thanks For This Project.

this is the best course I've ever seen online I followed it till the end.

how you can able to get the features of html writing in backticks javascript when i am writting it does not suggest any boiler plate of elements and i have to write all things manually is there any extensions you are using please let me know.

im a total beginner in js so while copying with the video i couldn't increase the numbers , even i have all the code right but i found out that the alignement of the functions is not well organised also i've made the id name "product-..." AND THE "-" is not allowed in js
so guys you need to pay attention to these small details while coding.

nice video
boss

Big thank you for this

Good work , God bless you , i love they way you explain the concept . this is the kind of tutorials i have been looking for. please send me you own channel name so that i can subscribe now i dont want to miss your videos

Amazing tutorial😊😊 very nice explanation.

thanksss

"I just love the way you teach us the pure magic of JS "❤🙌🔥

In all the browsers its working, but in FIrefox local storage doesn't preserve info to cart.html page, it just is empty until you set it to [] by that OR statement

Thank you for the detailed lesson!

Bravo!! You are great teacher in deed, keep it up. Can you please handle everything about react js from scratch in a very simple and smart manner you did in this video.

awesome teaching bro,

I have an issue can anyone help me ....I couldn't see image by using JavaScript....and other thing that I can image by using HTML in this project please help mee

well explained but we need you to teah us how to make a word counter cause you said ya x infinity

Pls how do you generate these items when they’re paginated

Thanks! This is a trully small way to express my gratitude for this video!

i tried to make that project from scratch by myself, before watching how the tutor did it. Its work as it must, but i have like in 10x times more code then teacher. Dam't, on the one hand i'm glad that i did it, but from the other - upset couse spend to much time and wrote a huge mess with code

In the cart page it’s says that my image and price is undefined Anny fix ?

Thank you

How to implement payment gateway and order confirmation 😊

Hi Joy, I just wanted to mention that the body tag by default will have the position: static as the default property. Very good tutorial. Cleared many of my concepts. Thank you for teaching shortcuts as well.

thankyou so muchhhhhhhhhhhhhhhhhhhhh

please also bring a salesforce lwc course,admin

thankyou so much

Great 💯

I’m using parcel but the images don’t show up when I used js to inject it into the HTML but display when I just use normal HTML, do you know why that could be happening?

How does your Javascript file pick up html emmet things

the video is very good, but nobody is going to talk about genshin impact in the bar?

Wow! Joy taught so much about the keyboard shortcuts for CSS alone. This was amazing.

Joy talks so fast, that I don't have to change the setting to 1.25 speed (which is not a bad thing. Perfect for this ADHD developer). Awesome tutorial.

whoa!! its taken me 3 days to go slowly over this vid while writing down new concepts that am learning, thank you. One more question, for the check out section at the end, what payment getaways would one add to the project, if possible kindly share with us your suggestions or learning resources. Once again, Thank you!!

i turned off my adblock for u 🤝🤙🏿

How to retrieve through addtocart button product inner product I mean object inner objects having product UpTo 8 time?

As you make plus button for increments decrement if we make same procoess for product I mean product consist of inner child then how can we do this?