JSFiddle - React, Tailwind, and code Playground

by Vadim

HTML

<div class="row">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
  <div class="col">4</div>
  <div class="col">5</div>
</div>

<button type="button" id="count">Посчитать</button>

CSS

.row{
  display: flex;
  flex-wrap: wrap;
  width:104px;
}

.col{
  width: 50px;
  height: 50px;
  border: 1px solid red;
}

JavaScript

// Посчитать кол-во элементов в каждой строке в рамках флекс контейнера
var cols = document.querySelectorAll('.col')

count.addEventListener('click', function(){

  var counter = {}

  cols.forEach(function(col){
    var offset = col.offsetTop
    counter[offset] = counter[offset] ? counter[offset] + 1 : 1
  })

  alert(Object.values(counter))
})