improve remove item from cart event listener

public/js/cart.js

@@ -46,7 +46,12 @@ class Cart {
         document.querySelector('.js-total-cart-price').textContent = 'Total € ' + this.totalPrice;
     }
 
-    removeItemFromCart(e) {
+    setRemoveItemFromCartEventListener() {
+        this.bindedRemoveItemFromCart = removeItemFromCart.bind(this);
+
+        document.querySelector('.js-cart').addEventListener('click',  this.bindedRemoveItemFromCart);
+
+        function removeItemFromCart(e) {
             if (!e.target.classList.contains('js-remove-btn')) return;
             const actionUrl = e.target.dataset.action;
             const productId = e.target.dataset.productId;
@@ -60,9 +65,9 @@ class Cart {
                     if (redirectLinkWhenCartIsEmpty) {
                         window.location.replace(redirectLinkWhenCartIsEmpty);
                     } else {
-                    document.querySelector('.js-cart').removeEventListener('click', this.removeItemFromCart);
+                        document.querySelector('.js-cart').removeEventListener('click', this.bindedRemoveItemFromCart);
 
-                    cart.show();
+                        this.show();
 
                         toastr.success('Product deleted');
                     }
@@ -72,6 +77,7 @@ class Cart {
                     toastr.error('Error, something went wrong');
                 });
         }
+    }
 
     setUpdateItemQtyEventListener() {
         document.querySelectorAll('.js-qty-input').forEach(changeQtyInput => {
@@ -81,7 +87,6 @@ class Cart {
                     return;
                 }
 
-                // this.show();
                 isChanged = true;
                 const actionUrl = this.updateItemUrl;
                 const productId = event.target.dataset.productId;
@@ -97,7 +102,10 @@ class Cart {
                             if (redirectLinkWhenCartIsEmpty) {
                                 window.location.replace(redirectLinkWhenCartIsEmpty);
                             } else {
-                                cart.show();
+                                if (this.bindedRemoveItemFromCart) {
+                                    document.querySelector('.js-cart').removeEventListener('click', this.bindedRemoveItemFromCart);
+                                }
+                                this.show();
                                 toastr.success('Quantity updated');
                             }
                         })
@@ -109,22 +117,18 @@ class Cart {
                     isChanged = false;
 
                 }, 1000);
-
             });
         });
-
     }
 
     events() {
-        document.querySelector('.js-cart').addEventListener('click', this.removeItemFromCart );
-
+        this.setRemoveItemFromCartEventListener();
         this.setUpdateItemQtyEventListener();
     }
 
     show() {
         axios.get(this.getItemsUrl)
             .then( response => {
-                // this.products = response.data.cart.items;
                 this.products = response.data.products;
                 this.positionsAmount = response.data.cart.total_qty;
                 this.totalPrice = response.data.cart.total_price;