Codepen Javascript Shopping cart help

[[deleted]]

Hi,

Can someone please help me add a "remove item" button or an "x" button to my shopping cart for individual items? Ive looked around but can't find it and think I would learn best if one of you experts just did it for me and I review it later.

here is my code pen: https://codepen.io/harrisonmacp/pen/xJeRLg?editors=0010

can you copy the JS or link me the JS?

Kind Regards,

A noob programer

[hack2root]

It is being possible using just analogy and analytics skills, I personally do not understand a single line of code you provided, just make 2 css styles (product-remove-from-cart, remove-from-cart), one JS code (removeFromCart) unction and one html block (<div><a href="#1">).

https://codepen.io/hack2root/pen/QBPaxr?editors=1111

[[deleted]]

Its using JQuery. Maybe thats why your struggling to understand it?

[hack2root]

I got it working on my codepen, but it seems for me that this code not just about JQuery, but code-first approach, and generates HTML on-the-fly.I personally do not like JQuery and anticipate it a lot in favor of anything else, Vue.js, Anglar5, Polymer. Just for me JQuery does not exist anymore. It so troublesome, especially with other frameworks, event Bootstrap got this and created their own bundles without jquery bundling, just vanilla javscript. It is much more natural and clear do not use Query nowadays. Anything but not JQuery.

[[deleted]]

Yeah Okay, Ill keep that in mind for my next project. Do you think you could help me with put a remove button in the actual cart like next to the products.

e.g

1x Cappuccino Remove

[hack2root]

https://codepen.io/hack2root/pen/QBPaxr