<p class="product__name">NAME GOES HERE</p>
<br> <span>DISCRIPTION GOES HERE</span><br>
<button class="btn btn--primary" data-action="ADD_TO_CART">Add To Cart</button>
这就是我从HTML文件添加到本地数据的方式。
var cart = (JSON.parse(localStorage.getItem('cart')) || []);
我以前使用这种方式，但是在结帐页面位于网站底部的情况下制作了一页产品时，使用的是let而不是var。现在，我试图使数据通过我的所有HTML文件，但不会。
我尝试了多种方法来将数据从一种HTML解析为另一种，但是只要产品与购物车不在同一HTML页面上，就不会更改数量或将其从购物车中删除。
我在cart上存储产品名称，产品数量和用途：
if (cartItemDOM.querySelector('.cart__item__name').innerText === product.name)
与听众结合使用，这样我可以增加减少量或仅删除该项目。
在使用chrome进行调试时，我发现当我离开产品页面并转到购物车页面时，事件监听器停止工作。您会从localstorage提取正确的数据的任何想法，为什么以及如何解决呢？