update-server

views/cart.ejs

@@ -63,8 +63,10 @@
             </div>
 
             <script>
+                // อัปเดตจำนวนสินค้า
                 document.querySelectorAll(".update-btn").forEach(button => {
                     button.addEventListener("click", async (event) => {
+                        event.stopPropagation(); // ป้องกันการรบกวนกับปุ่มอื่น
                         const cartItem = event.target.closest(".cart-item");
                         const cartItemId = cartItem.dataset.id;
                         const quantity = cartItem.querySelector("input[name='quantity']").value;
@@ -82,6 +84,19 @@
                         }
                     });
                 });
+            
+                // เปิดปุ่ม Remove เมื่อกด Edit
+                document.querySelectorAll(".edit-btn").forEach(button => {
+                    button.addEventListener("click", (event) => {
+                        event.stopPropagation(); // ป้องกัน event ซ้อนทับ
+                        const cartItem = event.target.closest(".cart-item");
+                        const removeForm = cartItem.querySelector(".remove-form");
+                        const editButton = cartItem.querySelector(".edit-btn");
+            
+                        editButton.style.display = "none";  // ซ่อนปุ่ม Edit
+                        removeForm.style.display = "block"; // แสดงปุ่ม Remove
+                    });
+                });
             </script>
         <% } %>
     </div>