uchwycenie ikony

Witam, robię stronę e-commerce i chcę zrobić tak, by klikając ikonę krzyżyka usunąć element, mam problem z uchwyceniem go, pogrubieniem zaznaczyłem część, która tworzy elementy, które zaznaczam do kupienia, a następnie kod, który ma je uchwycić(widzę, że jak zaznaczam pogrubienie w kodzie to się nie zaznacza, to części pod koniec skryptu zawarte tak między gwiazdkami, oto kod pliku js:

let carts = document.querySelectorAll('.add-cart');

let products = [
    {
        name: 'Black Tshirt',
        tag: 'blackTshirt',
        price: 15,
        inCart: 0
    },
    {
        name: 'White Tshirt',
        tag: 'whiteTshirt',
        price: 20,
        inCart: 0
    },
    {
        name: 'Black Tshirt With Sleeves',
        tag: 'blackTshirtWithSleeves',
        price: 25,
        inCart: 0
    },
    {
        name: 'White Tshirt With Sleeves',
        tag: 'whiteTshirtWithSleeves',
        price: 30,
        inCart: 0
    },
];

for (let i = 0; i < carts.length; i++) {
    carts[i].addEventListener('click', () => {
        cartNumbers(products[i]);
        totalCost(products[i]);
    })
}


function onLoadCartNumberst() {
    let productNumbers = localStorage.getItem('cartNumbers');

    if (productNumbers) {
        document.querySelector('.cart span').textContent = productNumbers;
    }
}

function cartNumbers(product) {

    let productNumbers = localStorage.getItem('cartNumbers');

    productNumbers = parseInt(productNumbers);

    if (productNumbers) {
        localStorage.setItem('cartNumbers', productNumbers + 1);
        document.querySelector('.cart span').textContent = productNumbers + 1;
    } else {
        localStorage.setItem('cartNumbers', 1);
        document.querySelector('.cart span').textContent = 1;
    }

    setItems(product);
}

function setItems(product) {
    let cartItems = localStorage.getItem('productsInCart');
    cartItems = JSON.parse(cartItems);

    if (cartItems != null) {

if(cartItems[product.tag] == undefined) {
    cartItems = {
        ...cartItems,
        [product.tag]: product
    }
}
        cartItems[product.tag].inCart += 1;
    } else {
        product.inCart = 1;
        cartItems = {
            [product.tag]: product
        }
    }


    localStorage.setItem('productsInCart', JSON.stringify(cartItems));
}

function totalCost(product) {

    let  cartCost = localStorage.getItem('totalCost');
    

    if(cartCost != null) {
        cartCost = parseInt(cartCost);
localStorage.setItem('totalCost', cartCost + product.price);
    } else {
        localStorage.setItem('totalCost', product.price);
    }

    
}

function displayCart() {
    let cartItems = localStorage.getItem('productsInCart');
    cartItems = JSON.parse(cartItems);
    let productContainer = document.querySelector('.products');
    let cartCost = localStorage.getItem('totalCost');
    
**    if(cartItems && productContainer) {
        productContainer.innerHTML = '';
        Object.values(cartItems).map(item => {
            productContainer.innerHTML += `
            <div class="product">
                <ion-icon name="close-circle"></ion-icon>
                <img src="./images/${item.tag}.jpg">
                <span>${item.name}</span>
            </div>
            <div class="price">$${item.price},00</div>
            <div class="quantity">
            <ion-icon name="chevron-back-circle-outline"></ion-icon>
                <span>${item.inCart}</span>
                <ion-icon name="chevron-forward-circle-outline"></ion-icon>
            </div>
            <div class="total">
                $${item.inCart * item.price},00
            </div>
            `;**
        });

        productContainer.innerHTML += `
        <div class="basketTotalContainer">
            <h4 class="basketTotal">
                Basket Total
            </h4>
            <h4 class="basketTotal">
                $${cartCost},00
            </h4>
        `
    }
}
**let closes = document.querySelectorAll('.product');
for (let i = 0; i <closes.length; i++) {
    closes[i].addEventListener('click', () => {
       console.log('s');
    })**
}
onLoadCartNumberst();
displayCart();