Skip to content

A simple application with a list of shop items and shopping cart. Written using HTML, CSS and plain JavaScript.

Notifications You must be signed in to change notification settings

skrypka89/shopping-cart

Repository files navigation

Javascript task - ShoppingCart:

Создать небольшое приложение, используя HTML, CSS и Javascript, состоящие из простого списка товаров, значка корзины в хедере и модального окна со списком покупок.

Список товаров должен содержать в себе произвольное количество товаров, каждый из которых должен содержать в себе:

  • изображение;
  • описание;
  • цену;
  • кнопку “В корзину”.

При клике на кнопку, товар должен добавиться в корзину:

  • в значке корзины должен прибавляться счет товаров;
  • при клике на значок должно отобразится модальное окно со списком товаров в корзине, возможностью удаления товара из этого списка и кнопками - “Подтвердить покупку” и “Отклонить покупку”;
  • в списке покупок должна отображаться и пересчитываться суммарная стоимость товаров;
  • при подтверждении либо отклонении покупки, список в корзине и счетчик должен обнулиться, модальное окно закрыться, а сверху списка товаров, должно отобразится сообщение об успехе или отмене соответственно.

Дополнительное задание со звездочкой +:

  • В общем списке товаров добавить селект с вариантами сортировки списка товаров (Начиная с дешевых, Начиная с дорогих, По названию А-я, По названию Я-а).

Дополнительное задание ++:

  • В хедер приложения добавить выбор валюты для отображения товара (UAH, USD). При смене вариантов отображения цен, интегрировать любое API получения текущего курса и коррелировать цены соответственно.

About

A simple application with a list of shop items and shopping cart. Written using HTML, CSS and plain JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published