Как очистить корзину после заказа?

Question

[Дмитрий Самойлов]

Доброго времени суток, я почти закончил сайт и застрял на вопросе с очисткой корзины, хочу удалять все товары, которые находятся в корзине, когда человек делает заказ

У меня есть код для удаления товара из корзины

//удаляем товар из корзины
function delGoods() {
    
    let id = $(this).attr('data-id');
    delete cart[id];
    saveCart();
    showCart();
}

function saveCart() {
    //сохраняю корзину в localStorage
    localStorage.setItem('cart', JSON.stringify(cart)); //корзину в строку
}

Блок корзины, куда выводятся выбранные услуги
<div class="main-cart"></div>

Пробовал некоторые варианты, но почему то ничего не срабатывает, вот хотелось бы узнать как это делается вообще

Comments

[Антон Иванов]

А где вы храните информацию о товарах, отложенных в корзину? Сервер, localStorage, другой вариант? Так вот, правильный путь - очистить информацию о товарах, а затем перерисовать блок main-cart

[twobomb]

Почти закончили сайт интернет магазина и не можете очистить корзину? Как-то подозрительно...

[Дмитрий Самойлов]

Антон, она хранится в localstorage

function saveCart() {
    //сохраняю корзину в localStorage
    localStorage.setItem('cart', JSON.stringify(cart)); //корзину в строку
}

[Дмитрий Самойлов]

twobomb, не интернет магазин, простенький сайт с услугами, я просто забыл про очистку корзины на начальном этапе

[Антон Иванов]

Дмитрий Самойлов, ну так очистите localStorage.removeItem('cart') и очистите блок 'main-cart'. В чем проблема то?

[Дмитрий Самойлов]

Антон, спасибо, получилось, еще не так хорошо разбираюсь в этом

Answer 1

[alexalexes]

Посмотрите функцию showCart. При каких условиях она рисует пустую корзину, такое состояние поставьте в cart.

function delGoods()
{
    cart = {}; // ... я поставил пустой объект, к примеру.
    saveCart();
    showCart();
}

Answer 2

[alekssamos]

Пустой JSON {} или [] запиши туда, в localStorage.