Как получить сумму значений div с общим классом и вывести ее?

Question

[bxspb]

Как вывести сумму значений элементов с общим классом?

Например при такой структуре

<div class="unit">10</div>
<div class="unit">15</div>
<div class="unit">30</div>

Как вывести сумму в элементе
<div class="totelunit">55</div>

Answer 1

[ArturMavlidov]

const setTotalUnit = () => {
  const total = document.querySelector(".totelunit");
  const units = document.querySelectorAll(".unit");
  let sum = 0;

  units.forEach(item => {
    sum += +item.innerHTML;
  })

  total.innerHTML = sum;
}

Comments

[bxspb]

Спасибо