我无法从购物车中移除商品

Question

我创建了一个函数，允许用户手动删除购物车项目。我尝试使用事件侦听器，以便可以使用 remove() 函数删除项目，但到目前为止没有任何效果。

我希望能够删除项目的 HTML 容器元素和包含所有数据的对象。

如果我让自己不清楚，我深表歉意。如果您需要访问代码，我有一个指向我的 GitHub 存储库的链接。

https://github.com/anas-429/Trail-Rush-Website

function removeItem() {
    let removeItem = document.querySelectorAll('.remove-item');
    let cart = localStorage.getItem('cart');
    cartLS = JSON.parse(cart);
    let product;
    for(let i=0; i < removeItem.length; i++) {
        removeItem[i].addEventListener('click', () => {
            product = removeItem[i].[enter image description here][1]parentElement.parentElement.remove();
            shopCart();
        })
    }
}