Как посчитать кол-во товаров в корзине и вывести значение кол-ва элементов в div?

Question

[dmitry]

Нужно чтоб скрипт обновлялся и выводил значение после каждого удаления или добавления товара.

Comments

[Andrew]

Попробуйте пересчитать количество после каждого выполненого действия. Не благодарите.
Ни в коем случае не показывайте код

Answer 1

[dmitry]

Решил таким способом

cart__shopping-list = обертка для товаров.
cart__shopping-span = куда выводим значение

const itemsList = document.querySelector('.cart__shopping-list').children;
const itemsValue = document.querySelector('.cart__shopping-span');

const itemsLength = function() {
itemsValue.innerHTML = itemsList.length;
}

itemsLength();

Answer 2

[v3shin]

После каждого обновления корзины вызывайте функцию пересчета, которая будет пробегаться по input'ам Quantity и суммировать их значения. Сумму выводите в div.

Comments

[ForSureN1]

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

[v3shin]

ForSureN1, зависит от структуры приложения. Мое решение предполагает, что все данные прилетают с бэка.