Как получить текст из всех элементов с одинаковым классом?

Question

[ForSureN1]

Добрый день, прошу выручить, имею корзину с товарами, которые подгружаются с Localstorage

Мне нужно чтобы скрипт подсчитывал итоговую сумму товаров, прошу заметить что при нажатии на + или -, так же увеличивается итоговая сумма. Я сделал так, что у меня считает только последний товар и умножает его на количество как показано на картинке.

//подсчитываение колличества и суммы товара
    const totalBusket = () => {
      let totalcount = 0;
      const ids = Object.keys(cart);
      // console.log(ids)
      for (let i = 0; i < ids.length; i++) {
        const id = ids[i]
        // totalprice += +(cart[id].totalprice);
        totalcount += +(cart[id].quantity);
        totalprice = +(totalcount) * +(cart[id].price);
      }
      let total = 0;
      const price = document.querySelectorAll('.js-cart-item-totalprice');
      console.log(price.innerHTML)
      // for (let i = 0; i < price.length; i++) {
      //   console.log(price[i].innerHTML)
      // }

      cartTotalPriceDOMElement.textContent = totalprice + ' тг';
      cartTotalSummaDOMElement.textContent = totalprice + ' тг';
      cartItemsCounterDOMElement.textContent = totalcount + 'х';
      if (ids.length == 0) {
        cartTotalPriceDOMElement.textContent = 0;
        cartTotalSummaDOMElement.textContent = 0;
      }
      updateCart();
    }

Я в принципе понял как можно решить эту задачу, просто брать текстовое значение у всех классов с итоговой суммой, и суммировать их, но я не могу разобраться, как получать все текстовые значения из одним и тем же классом, как показано в коде выше, я взял весь "массив" с классом js-cart-item-totalprice, и через цикл вывожу его текстовые значения, в консоли я получаю вот что
Прошу направить и помочь разобраться, заранее благодарю

Comments

[Сергей Соколов]

по хорошему, реализовать бы паттерн, где Данные (Состояние) отдельно лежат в удобной структуре, из них отрисовывается Отображение, а по действиям в UI (нажатию + / –) меняются Данные, что, в свою очередь вызывает перерисовку (круг замкнулся).

[ForSureN1]

Сергей Соколов, Я бы с радостью хотел бы использовать паттерны, но считаю что пока что еще не приблизился к ним даже на 1%

Answer 1

[ForSureN1]

Решил сам

let total = 0;
      const price = document.querySelectorAll('.js-cart-item-totalprice');
      for (let i = 0; i < price.length; i++) {
        console.log(price[i].innerHTML)
        total = total + parseInt(price[i].innerHTML);
        console.log(total)
      }