@Trying_new

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

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

Подскажите, пожалуйста, как правильно присвоить высоты дочерних блоков в переменные, суммировать их и использовать в будущем условии?
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
const totalHeight = [...boxBlocks].reduce((acc, item) => acc + item.offsetHeight, 0);
console.log(`Total height: ${totalHeight}px`);

// "Total height: 684px"
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
02 дек. 2021, в 01:48
5000 руб./за проект
02 дек. 2021, в 01:37
600 руб./в час
02 дек. 2021, в 01:18
1000 руб./за проект