Javascript task - ShoppingCart:
Создать небольшое приложение, используя HTML, CSS и Javascript, состоящие из простого списка товаров, значка корзины в хедере и модального окна со списком покупок.
Список товаров должен содержать в себе произвольное количество товаров, каждый из которых должен содержать в себе:
- изображение;
- описание;
- цену;
- кнопку “В корзину”.
При клике на кнопку, товар должен добавиться в корзину:
- в значке корзины должен прибавляться счет товаров;
- при клике на значок должно отобразится модальное окно со списком товаров в корзине, возможностью удаления товара из этого списка и кнопками - “Подтвердить покупку” и “Отклонить покупку”;
- в списке покупок должна отображаться и пересчитываться суммарная стоимость товаров;
- при подтверждении либо отклонении покупки, список в корзине и счетчик должен обнулиться, модальное окно закрыться, а сверху списка товаров, должно отобразится сообщение об успехе или отмене соответственно.
Дополнительное задание со звездочкой +:
- В общем списке товаров добавить селект с вариантами сортировки списка товаров (Начиная с дешевых, Начиная с дорогих, По названию А-я, По названию Я-а).
Дополнительное задание ++:
- В хедер приложения добавить выбор валюты для отображения товара (UAH, USD). При смене вариантов отображения цен, интегрировать любое API получения текущего курса и коррелировать цены соответственно.