Ошибка "TypeError: Cannot read property 'add' of undefined.Нужные элементы на странице присутствуют и проверка начинает отрабатывать.Как решить?

Question

[UtkaDuck123]

const ItemCounter =item.length
console.log(ItemCounter);
if (ItemCounter<6 && item){
    item.classList.add("extra-margin");
}else{
    item.classList.remove("extra-margin");
}

const ItemCounter =item.length

<!--Products-->
        <div class="category-name"><span class="topic animated bounceInDown">Двери</span> </div>
        <main class="main ">
        <div class="noProducts">Товары не найдены</div>
            <section class="products ">
                <div class="cards ">
                    <?php
                    $sql ="SELECT * FROM products";
                    $result=$connect->query($sql);
                    $products=$result->fetchAll(PDO::FETCH_ASSOC); 
                    foreach($products as $product){
                        include("../templates/_product-item.php");
                    }
                    ?>
                </div>
        </main>

Answer 1

[hzzzzl]

item это массив, если у него есть item.length?

item.classList.add("extra-margin");  // работает только с 1 элементом

for (const it of item) {
  it.classList.add("extra-margin");
}