create oop version of cart

Author: HTGA75

data/cart-oop.js

@@ -0,0 +1,81 @@
+function Cart(localStorageKey) {
+    const cart = {
+        cartItems: undefined,
+        loadFromStorage() {
+            this.cartItems = JSON.parse(localStorage.getItem(localStorageKey)) || [{
+              productId: "e43638ce-6aa0-4b85-b27f-e1d07eb678c6",
+              quantity: 2,
+              deliveryOptionId: '1',
+            },
+            {
+              productId: "15b6fc6f-327a-4ec4-896f-486349e85a3d",
+              quantity: 1,
+              deliveryOptionId: '2'
+            }];
+          },
+    
+        saveToStorage() {
+        localStorage.setItem(localStorageKey, JSON.stringify(this.cartItems));
+        },
+    
+        addToCart(productId) {
+            let matchingItem;
+          
+              this.cartItems.forEach((cartItem) => {
+                if (productId === cartItem.productId) {
+                  matchingItem = cartItem;
+                }
+              })
+          
+              if (matchingItem) {
+                matchingItem.quantity++;
+              } else{
+                this.cartItems.push({
+                  productId: productId,
+                  quantity: 1,
+                  deliveryOptionId: '1'
+                })
+              }
+              this.saveToStorage();
+        },
+    
+        removeFromCart(productId) {
+            const newCart = [];
+          
+            this.cartItems.forEach(cartItem => {
+              if (cartItem.productId != productId) {
+                newCart.push(cartItem);
+              }
+            });
+          
+            this.cartItems = newCart;
+            this.saveToStorage();
+        },
+    
+        updateDeliveryOption(productId, deliveryOptionId) {
+            let matchingItem;
+          
+            this.cartItems.forEach((cartItem) => {
+              if (productId === cartItem.productId) {
+                matchingItem = cartItem;
+              }
+            });
+          
+            matchingItem.deliveryOptionId = deliveryOptionId;
+          
+            this.saveToStorage();
+          }
+    };
+
+    return cart;
+}
+
+const cart = Cart('cart-oop');
+const businessCart = Cart('cart-business');
+
+cart.loadFromStorage();
+
+businessCart.loadFromStorage();
+
+console.log(cart);
+console.log(businessCart);

scripts/checkout.js

@@ -1,5 +1,6 @@
 import { renderOrderSummary } from "./checkout/orderSummary.js";
 import { renderPaymentSummary } from "./checkout/paymentSummary.js";
+import '../data/cart-oop.js';
 
 renderOrderSummary();
 renderPaymentSummary();

scripts/checkout/orderSummary.js

@@ -21,10 +21,6 @@ export function renderOrderSummary() {
   const deliveryDate = today.add(deliveryOption.deliveryDays, 'days');
   const dateString = deliveryDate.format('dddd, MMMM D');
 
-  console.log(dateString);
-
-  console.log(matchingProduct);
-
   cartSummary += 
   `<div class="cart-item-container js-cart-item-container js-cart-item-container-${matchingProduct.id}">
     <div class="delivery-date">