script.js

// Initialize cart from local storage or empty array
let cart = JSON.parse(localStorage.getItem('cart')) || [];

// 1. Function to add items to cart
function addToCart(name, price) {
    // Check if item already exists
    const existingItem = cart.find(item => item.name === name);

    if (existingItem) {
        existingItem.quantity++;
    } else {
        cart.push({ name, price: parseFloat(price), quantity: 1 });
    }

    saveAndRefresh();
}

// 2. Function to update the UI
function updateCartUI() {
    const cartList = document.getElementById('cart-items');
    const cartTotal = document.getElementById('cart-total');
    const cartCount = document.getElementById('cart-count');

    cartList.innerHTML = ''; // Clear current list
    let total = 0;
    let count = 0;

    cart.forEach(item => {
        const li = document.createElement('li');
        li.textContent = `${item.name} - ₹${item.price} x ${item.quantity}`;
        cartList.appendChild(li);

        total += item.price * item.quantity;
        count += item.quantity;
    });

    cartTotal.textContent = total.toFixed(2);
    cartCount.textContent = count;
}

// 3. Save to Local Storage and update display
function saveAndRefresh() {
    localStorage.setItem('cart', JSON.stringify(cart));
    updateCartUI();
}

// 4. Clear cart function
function clearCart() {
    cart = [];
    saveAndRefresh();
}

// Event Listeners for "Add to Cart" buttons
document.querySelectorAll('.add-cart').forEach(button => {
    button.addEventListener('click', () => {
        const name = button.getAttribute('data-name');
        const price = button.getAttribute('data-price');
        addToCart(name, price);
    });
});

// Load the cart on page start
updateCartUI();