Сделать корзину для сайта на чистом js

2 500 руб. за проект
30 ноября 2022, 19:07 • 29 откликов • 128 просмотров
Необходимо сделать корзину для сайта на чистом js.Без фреймворков и библиотек. Верстка не нужна, только js.

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

При нажатии кнопки "-" количество товара должно уменьшаться, а при уменьшении последнего
текст кнопки "n шт. в корзине +" должен измениться на "Добавить в корзину", а кнопка "-" исчезнуть.

В карточке товара есть div с общей суммой корзины и количеством товаров - туда нужно вывести эти данные.

Страница 2. Корзина #

На странице корзины выведен список товаров(изображение-ссылка, количество цена) с увеличением(с учетом наличия) и уменьшением количества или удаления.Список товаров в корзине генерируется на js. Сортировка списка по отметке времени.
Под списком корзины: сумма, скидка, сумма с учетом скидки.
Внизу кнопка отправить(отправка корзины в json методом POST)
Файлы