پروژه فروشگاه اینترنتی با جاوااسکریپت - بخش دوم

project/
├── index.html
├── css/
│   └── style.css
├── js/
│   ├── main.js
│   └── cart.js
└── images/

class Cart {
  constructor() {
    this.cartItems = this.getCartFromStorage();
    this.updateCartIcon();
  }
  addToCart(product) {
    // بررسی وجود محصول در سبد خرید
    const existingItem = this.cartItems.find(item => item.id === product.id);
    if (existingItem) {
      existingItem.quantity += product.quantity || 1;
    } else {
      product.quantity = product.quantity || 1;
      this.cartItems.push(product);
    }
    this.saveCartToStorage();
    this.updateCartIcon();
  }

getCartFromStorage() {
  const cartJson = localStorage.getItem('cart');
  return cartJson ? JSON.parse(cartJson) : [];
}
saveCartToStorage() {
  localStorage.setItem('cart', JSON.stringify(this.cartItems));
}
clearCart() {
  this.cartItems = [];
  this.saveCartToStorage();
  this.updateCartIcon();
}

updateCartIcon() {
  const cartIcon = document.querySelector('.cart-icon');
  const totalItems = this.cartItems.reduce((total, item) => total + item.quantity, 0);
  if (totalItems > 0) {
    cartIcon.innerHTML = `<span class="cart-count">${totalItems}</span>`;
  } else {
    cartIcon.innerHTML = '';
  }
}

removeFromCart(productId) {
  this.cartItems = this.cartItems.filter(item => item.id !== productId);
  this.saveCartToStorage();
  this.updateCartIcon();
}

// ایجاد نمونه از کلاس Cart
const cart = new Cart();
// افزودن رویداد کلیک به دکمه‌های "افزودن به سبد خرید"
document.querySelectorAll('.add-to-cart').forEach(button => {
  button.addEventListener('click', () => {
    const productId = parseInt(button.dataset.productId);
    const product = {
      id: productId,
      name: button.dataset.productName,
      price: parseFloat(button.dataset.productPrice)
    };
    cart.addToCart(product);
    alert('محصول به سبد خرید اضافه شد');
  });
});

// تابعی برای به‌روزرسانی تعداد یک محصول در سبد خرید
updateQuantity(productId, newQuantity) {
  // کد خود را اینجا بنویسید
}