Created a function to handle deleting an item from the cart

DiksonIvySon · Oct 18, 2023 · 6e6061c · 6e6061c
1 parent 80be30e
commit 6e6061c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/landingPage/script.js b/landingPage/script.js
@@ -52,11 +52,16 @@ function display_cartList() {
                                     <div>
                                         <span><strong>PRICE: </strong>R${cartList[i].price}</span>
                                     </div>
-                                    <button role="button" class="remove-btn">REMOVE</button>
+                                    <button role="button" class="remove-btn" onclick="deleteCartItem(${i})">REMOVE</button>
                                 </div>
                              `
 
         cartItem_container.appendChild(cart_Item);
-    }    
+    }   
 }
 
+//function to handle deleting an item from the cart
+function deleteCartItem(index) {
+    cartList.splice(index, 1);
+    display_cartList();
+}
diff --git a/landingPage/store.html b/landingPage/store.html
@@ -145,7 +145,7 @@ <h2>CART</h2>
                             <div>
                                 <span><strong>PRICE: </strong>R500</span>
                             </div>
-                            <button role="button" class="remove-btn">REMOVE</button>
+                            <button role="button" class="remove-btn" onclick="">REMOVE</button>
                         </div>
                     </div>
                 </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -145,7 +145,7 @@ <h2>CART</h2> @@
                                 <div>
                                     <span><strong>PRICE: </strong>R500</span>
                                 </div>
-                                <button role="button" class="remove-btn">REMOVE</button>
+                                <button role="button" class="remove-btn" onclick="">REMOVE</button>
                             </div>
                         </div>
                     </div>
@@ Expand Down @@