有两个网页，商品页和购物车页，在商品页中选中某商品，购物车页中自动生成同样的商品，原生js如何实现这一功能？用代码实现

可以通过以下步骤实现：

1. 在商品页中选中某个商品时，将该商品的信息（如名称、价格等）存入本地存储（localStorage）中。

2. 在购物车页中，读取本地存储中保存的商品信息，并将其动态添加到购物车中。

以下是示例代码：

在商品页中：

// 获取商品信息
const product = {
  name: '商品名称',
  price: 100
};

// 将商品信息存入本地存储
localStorage.setItem('product', JSON.stringify(product));

在购物车页中：

// 从本地存储中读取商品信息
const product = JSON.parse(localStorage.getItem('product'));

// 创建购物车商品元素
const cartItem = document.createElement('div');
cartItem.innerHTML = `
  <span>${product.name}</span>
  <span>${product.price}</span>
`;

// 将购物车商品元素添加到购物车中
const cart = document.getElementById('cart');
cart.appendChild(cartItem);

在购物车页中，需要将以上代码放在页面加载完成后的事件处理函数中，如：

window.onload = function() {
  // ...
};