Удаление отдельного объекта из localStorage по кнопке

Человек добавляет товары в корзину. По кнопке "купить" на странице товара он сохраняет ID'шник товара, подвязанный к кнопке, в localStorage. Далее, массивом, ID'шник(-ки) отправляются на бэкенд post-запросом, откуда потом страница корзины получает данные из БД и отрисовывает их динамически на странице.

Вопрос в том, как теперь удалить ненужный товар из хранилища. Удаление именно со страницы по нажатию кнопки есть, а вот как по нажатию на эту же кнопку добавить удаление нужного товара из lS, на ум не приходит...

Код-отправки

$.post("/answer",
    {data: data_id_prod},
    function (response) {
        let chill = response.id_prod
        console.log(chill);
        let j = 0
    
        $.each(chill, function(key, value) {
            j++
            var new_div = document.createElement('ul');

            new_div.className = ('prod_in_cart' +[j])
            new_div.innerHTML = (value.ID + ' \n ' + value.product_name + ' \n ' + value.product_price + ' рублей');
            new_div.insertAdjacentHTML('beforeend', '\n<button class = "remove">X</button>');
            divvv.appendChild(new_div);
            //document.getElementById('remove').onclick = removeElement;

            const buttons = document.querySelectorAll('.remove');

            buttons.forEach(button => {
                button.addEventListener('click', function () {
                   //button.parentElement.remove()
                   window.localStorage.removeItem()
                });
            });
    }); 
});