创建一个本地存储的“购物车”

要创建一个本地存储的购物车，你可以使用浏览器的本地存储功能（如localStorage）或者使用其他前端框架或库提供的本地存储解决方案。下面是一个使用localStorage的示例代码：

// 添加商品到购物车
function addToCart(item) {
  // 从localStorage中获取购物车数据
  let cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
  // 将新商品添加到购物车
  cartItems.push(item);
  // 将购物车数据保存到localStorage中
  localStorage.setItem('cartItems', JSON.stringify(cartItems));
}

// 从购物车中移除商品
function removeFromCart(item) {
  // 从localStorage中获取购物车数据
  let cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
  // 在购物车中查找并移除指定商品
  cartItems = cartItems.filter(cartItem => cartItem.id !== item.id);
  // 将更新后的购物车数据保存到localStorage中
  localStorage.setItem('cartItems', JSON.stringify(cartItems));
}

// 获取购物车中的所有商品
function getCartItems() {
  // 从localStorage中获取购物车数据
  return JSON.parse(localStorage.getItem('cartItems')) || [];
}

// 清空购物车
function clearCart() {
  // 清空localStorage中的购物车数据
  localStorage.removeItem('cartItems');
}

上述代码中，我们使用localStorage存储购物车数据，每个购物车项都是一个对象，以JSON字符串的形式存储在localStorage中。购物车操作函数包括添加商品到购物车、从购物车中移除商品、获取购物车中的所有商品和清空购物车。你可以根据自己的需求进行修改和扩展。