javascipt购物网站

以下是一个简单的JavaScript购物网站的示例：

// 创建商品对象
var products = [
  { id: 1, name: "商品1", price: 10 },
  { id: 2, name: "商品2", price: 20 },
  { id: 3, name: "商品3", price: 30 },
];

// 创建购物车对象
var cart = {
  items: [],
  total: 0,
  
  // 添加商品到购物车
  addItem: function(productId) {
    var product = products.find(function(item) {
      return item.id === productId;
    });
    
    if (product) {
      this.items.push(product);
      this.total += product.price;
    }
  },
  
  // 从购物车中移除商品
  removeItem: function(productId) {
    var index = this.items.findIndex(function(item) {
      return item.id === productId;
    });
    
    if (index !== -1) {
      var product = this.items.splice(index, 1)[0];
      this.total -= product.price;
    }
  },
  
  // 获取购物车中的商品列表
  getItems: function() {
    return this.items;
  },
  
  // 获取购物车的总价
  getTotal: function() {
    return this.total;
  }
};

// 示例用法
cart.addItem(1); // 添加商品1到购物车
cart.addItem(2); // 添加商品2到购物车
console.log(cart.getItems()); // 输出购物车中的商品列表
console.log(cart.getTotal()); // 输出购物车的总价
cart.removeItem(1); // 从购物车中移除商品1
console.log(cart.getItems()); // 输出购物车中的商品列表
console.log(cart.getTotal()); // 输出购物车的总价