Сделать корзину для сайта на чистом js
Описание функционала:
Страница 1. Карточка товара #
В карточке товара есть кнопка "Добавить в корзину".
При первичном нажатии на неё:
1. В локальное хранилище браузера должны сохраниться:
id кнопки, ссылка на изображение, цена, скидка, отметка времени.
2. Кнопка должна поменять текст на "1 шт. в корзине +".
3. Рядом появляется кнопка "-" для уменьшения количества(удаления товара)
При повторном нажатии:
1. Увеличивается количество товара(и сохраняется в локальном хранилище).
2. В карточке товара есть наличие, необходимо настроить проверку и не дать добавить, больше, чем есть. Уведомление пользователя осуществляется подсвечиванием элемента с наличием.
2. Кнопка должна поменять текст на "n шт. в корзине +"
При нажатии кнопки "-" количество товара должно уменьшаться, а при уменьшении последнего
текст кнопки "n шт. в корзине +" должен измениться на "Добавить в корзину", а кнопка "-" исчезнуть.
В карточке товара есть div с общей суммой корзины и количеством товаров - туда нужно вывести эти данные.
Страница 2. Корзина #
На странице корзины выведен список товаров(изображение-ссылка, количество цена) с увеличением(с учетом наличия) и уменьшением количества или удаления.Список товаров в корзине генерируется на js. Сортировка списка по отметке времени.
Под списком корзины: сумма, скидка, сумма с учетом скидки.
Внизу кнопка отправить(отправка корзины в json методом POST)