Как суммировать высоту блоков и присвоить ее в переменную?

Question

[Trying_new]

Есть вот такой пример с блоками в CodePen.
У основного блока с классом "box" через функцию "forEach" получаем каждый дочерний элемент, получаем их значение высоты и выводим в консоль.
Надо получить сумму высот дочерних блоков для дальнейшего использования в условии и вывести в консоль.
Попробовал присваивать в новую переменную значение высоты item'a при каждом прохождении цикла и экспериментировал с массивом, но получить желаемого результата не удалось:


Подскажите, пожалуйста, как правильно присвоить высоты дочерних блоков в переменные, суммировать их и использовать в будущем условии?

Comments

[WbICHA]

Ничего не понял, но тут явно нужен reduce.

Answer 1

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

const totalHeight = [...boxBlocks].reduce((acc, item) => acc + item.offsetHeight, 0);
console.log(`Total height: ${totalHeight}px`);

// "Total height: 684px"

Comments

[Trying_new]

Спасибо большое! :)