商品不会从购物车中移除——vanilla javascript

Question

我试图用 Vanilla javascript 和 HTML & CSS 构建一个购物车。我遇到了一个问题，我无法从购物车中删除项目。我一直在使用本地存储。当我单击删除图标时，出现此错误：

<块引用>

myown.js:171 未捕获的类型错误：无法读取属性 未定义的“getElementsByClassName” 在 HTMLElement。

我尝试了很多东西，但似乎很难解决。 任何帮助将不胜感激。

我的代码：

function deleteButtons(){

   let deleteButtons =document.querySelectorAll('.product ion-icon ');
   console.log("deleteButtons ");

   let productName;
   for (i=0; i< deleteButtons.length; i++) {
        deleteButtons[i].addEventListener('click', () =>{
            console.log("clicked");
            // productName = deleteButtons[i].parentElement;
            productName = deleteButtons[i].parentElement.textContent;
            console.log(productName );       
        });
   }
}