（JavaScript新手）

在youtube教程的帮助下(https://www.youtube.com/watch?v=yefzkc2awtm)，我为我的网站创建了一个自定义购物车。

当添加到购物车的项与购物车/结帐位于同一页面时，它们将成功地计入结帐总数。 但是，我希望购物车位于项目的单独HTML页面上，以便当用户完成向购物车添加项目时，他们可以在那里导航以查看其全部和完整的结帐。

但是当我将这些项目放在单独的HTML页面并添加到购物车时，购物车不再更新。我认为问题是因为我没有指定任何存储，所以当我导航到购物车时，页面被刷新，存储的变量丢失（？）

我不知道如何用我创建的代码实现本地存储。

非常感谢您的帮助！

项页的HTML代码:

      <div class="ticket-name">EARLY BIRD</div>
         <div class="ticket-details">
            <span class="ticket-price">€20.99</span>
            <button class="btn ticket-button" type="button">ADD TO CART</button>
         </div>
      </div>

购物车页面的HTML代码:

      <div class="ticket-name">EARLY BIRD</div>
         <div class="ticket-details">
            <span class="ticket-price">€20.99</span>
            <button class="btn ticket-button" type="button">ADD TO CART</button>
         </div>
      </div>

购物车的JS代码:

      <div class="ticket-name">EARLY BIRD</div>
         <div class="ticket-details">
            <span class="ticket-price">€20.99</span>
            <button class="btn ticket-button" type="button">ADD TO CART</button>
         </div>
      </div>

顺晟科技：

您的页面是否超过1页？

变量和数组数据不能通过JS直接传递给其他html。

1. 应该是后端作业。

2. 如果您试图学习前端，可以在react中使用useContext。单页系统…看一下。

3. 使用css显示：无，创建假页。

例如：单击按钮，a节显示无，b节显示块

我认为新方法3更容易。