Как добавить сумму и подсчет товара в корзине на javascript?

Пользователь

от aaron_armstrong , в категории: JavaScript , год назад

Как добавить сумму и подсчет товара в корзине на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от violette_robel , год назад

@aaron_armstrong 

Для добавления суммы и подсчета товара в корзине на JavaScript, вам потребуется создать переменные для хранения общей суммы и количества товара, а также функции для обновления этих значений при добавлении товаров в корзину.


Вот пример реализации:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
// Создание переменных для хранения суммы и количества товара
let totalPrice = 0;
let totalItems = 0;

// Функция для обновления суммы и количества товара
function updateCart(price, quantity) {
  totalPrice += price * quantity;
  totalItems += quantity;
}

// Пример использования функции
// Предположим, что у нас есть товар со стоимостью 100 рублей и его добавили в количестве 2 штуки
updateCart(100, 2);

// Вывод результатов в консоль
console.log("Общая сумма: " + totalPrice + " руб.");
console.log("Общее количество товара: " + totalItems + " шт.");


В данном примере, после вызова функции updateCart(100, 2), общая сумма будет равна 200 рублей, а общее количество товара - 2 штуки.


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

Пользователь

от jorge , 5 месяцев назад

@aaron_armstrong 

Если у вас есть необходимость добавлять и удалять товар из корзины, а также обновлять сумму и количество товара динамически на JavaScript, то вам понадобится дополнительный код для реализации этой функциональности. Ниже приведен пример кода с использованием объекта для хранения корзины и функций для добавления и удаления товаров из нее:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
let cart = {
  items: [],
  totalPrice: 0,
  totalItems: 0,
};

function addToCart(item) {
  cart.items.push(item);
  cart.totalPrice += item.price * item.quantity;
  cart.totalItems += item.quantity;
}

function removeFromCart(item) {
  let index = cart.items.findIndex((i) => i.id === item.id);
  if (index !== -1) {
    cart.totalPrice -= cart.items[index].price * cart.items[index].quantity;
    cart.totalItems -= cart.items[index].quantity;
    cart.items.splice(index, 1);
  }
}

// Пример использования функций
let item1 = { id: 1, price: 100, quantity: 2 };
let item2 = { id: 2, price: 50, quantity: 3 };

addToCart(item1);
addToCart(item2);

console.log("Корзина:", cart.items);
console.log("Общая сумма: " + cart.totalPrice + " руб.");
console.log("Общее количество товара: " + cart.totalItems + " шт.");

removeFromCart(item1);

console.log("Корзина после удаления:", cart.items);
console.log("Общая сумма после удаления: " + cart.totalPrice + " руб.");
console.log("Общее количество товара после удаления: " + cart.totalItems + " шт.");


В этом примере мы создаем объект cart, который содержит массив товаров items, общую стоимость totalPrice и общее количество товара totalItems. Функции addToCart и removeFromCart позволяют добавлять и удалять товары из корзины соответственно, обновляя общую стоимость и количество товара. В консоль выводятся результаты операций.