Как сделать корзину на javascript

В этой статье мы подробно рассмотрим основные приемы создания корзины на JavaScript с примером кода. Вы узнаете, как применить принципы работы с браузером, которые помогут вам создать простую корзину для своего приложения.

Для создания корзины на JavaScript понадобится следующий код:

// Объявляем переменную, в которую будем записывать содержимое корзины
var cart = {};

// Функция добавления товара в корзину
function addToCart(product, quantity) {
  // Проверка, есть ли уже такой товар в корзине
  if (cart[product] != undefined) {
    // Если да, то добавляем количество к уже существующему
    cart[product] += quantity;
  } else {
    // Если нет, то добавляем новый товар с количеством
    cart[product] = quantity;
  }
}

// Функция удаления товара из корзины
function removeFromCart(product) {
  // Проверка, есть ли такой товар в корзине
  if (cart[product] != undefined) {
    // Если да, то удаляем товар из корзины
    delete cart[product];
  }
}

// Функция подсчета общего количества товаров в корзине
function countCart() {
  // Объявляем переменную, в которую будем записывать общее количество товаров
  var total = 0;

  // Перебираем все товары в корзине
  for (var product in cart) {
    // Для каждого товара увеличиваем общее количество товаров на количество этого товара в корзине
    total += cart[product];
  }

  // Возвращаем полученное значение
  return total;
}

// Функция просмотра содержимого корзины
function listCart() {
  // Объявляем переменную, в которую будем записывать содержимое корзины
  var output = '';

  // Перебираем все товары в корзине
  for (var product in cart) {
    // Для каждого товара записываем в переменную название товара и его количество
    output += product + ' - ' + cart[product] + 'n';
  }

  // Возвращаем полученное значение
  return output;
}

// Добавляем товар в корзину
addToCart('Электронная книга', 1);

// Добавляем еще один товар в корзину
addToCart('Наушники', 2);

// Удаляем товар из корзины
removeFromCart('Наушники');

// Выводим содержимое корзины
console.log(listCart());

// Выводим общее количество товаров в корзине
console.log(countCart());

Данный код создает корзину на JavaScript, которая состоит из трех функций:

addToCart()

Функция добавления товара в корзину. Она принимает два параметра: название товара и его количество. Если в корзине уже есть такой товар, то добавляется количество к существующему, иначе добавляется новый товар с заданным количеством.

removeFromCart()

Функция удаления товара из корзины. Она принимает один параметр — название товара. Если товар есть в корзине, то он удаляется.

countCart()

Функция подсчета общего количества товаров в корзине. Она не принимает никаких параметров и возвращает число — общее количество товаров в корзине.

listCart()

Функция просмотра содержимого корзины. Она не принимает никаких параметров и возвращает строку — название товара и его количество, разделенные символом перевода строки.