make deliver options interactive

Author: ibrahimmoalim

basic-projects/amazon-project/data/cart.js

@@ -63,4 +63,18 @@ export function updateQuantityLabel(newQuantity, itemId){
       cartItem.quantity = newQuantity;
     }
   })
+};
+
+export function updateDeliveryOption(productId, deliveryOptionId){
+  let matchingItem;
+
+  cart.forEach((cartItem) => {
+    if (productId === cartItem.productId) {
+      matchingItem = cartItem;
+    }
+  });
+
+  matchingItem.deliveryOptionId = deliveryOptionId;
+
+  saveToStorage();
 };

basic-projects/amazon-project/scripts/checkout.js

@@ -1,8 +1,7 @@
-import {cart, removeFromCart, calculateCartQuantity, updateQuantityLabel} from '../data/cart.js'
+import {cart, removeFromCart, calculateCartQuantity, updateQuantityLabel, updateDeliveryOption} from '../data/cart.js'
 import {products} from '../data/products.js'
 import formatCurrency from './utils/price.js';
 import deliveryOptions from '../data/delivery-options.js';
-import dayjs from 'https://cdn.jsdelivr.net/npm/dayjs/+esm';
 
 
 
@@ -181,4 +180,12 @@ document.querySelectorAll('.js-save-link')
       saveUpdatedQuantity(itemId);
 
     })
-  });
+  });
+
+document.querySelectorAll('.js-delivery-option')
+  .forEach((element) => {
+      element.addEventListener('click', () => {
+        const {productId, deliveryOptionId} = element.dataset;
+          updateDeliveryOption(productId, deliveryOptionId);
+        })
+    });