Как сделать условие на количество дочерних элементов?

Question

[Vladislav]

Как сделать условие на количество дочерних элементов, проаеряет, если больше или равно 2 label, то alert мой вариант кода не работает

let arrLabel = document.querySelectorAll('.catalog__grid-wrap label')

let valLabel = ()=> {
    arrLabel.forEach(element => {
        if(element.lenght >= 2){
            alert()
        }
    });
}
valLabel()

<div class="catalog__grid-wrap">
                      <input type="checkbox" id="filerBrand1" name="filerBrand1">
                      <label class="catalog__col-filter" for="filerBrand1">Lorem</label>
                      <input type="checkbox" id="filerBrand2" name="filerBrand2">
                      <label class="catalog__col-filter" for="filerBrand2">Lorem</label>
                      <input type="checkbox" id="filerBrand1" name="filerBrand3">
                      <label class="catalog__col-filter" for="filerBrand3">Lorem</label>
                      <input type="checkbox" id="filerBrand3" name="filerBrand4">
                      <label class="catalog__col-filter" for="filerBrand4">Lorem</label>
                    </div>

Answer 1

[iBird Rose]

у тебя в document.querySelectorAll уже список этих label. зачем тебе перебирать его?
сделай просто arrLabel.length >= 2

Answer 2

[FeST1VaL]

Так почему вы проверяете в forEach кол-во элементов? если у вас в массиве лежат все элементы label?
А так же ошибка в слове length

arrLabel.length >=2

let arrLabel = document.querySelectorAll('.catalog__grid-wrap label')

let valLabel = ()=> {
    if(arrLabel.length >= 2) {
     alert();
    }
}
valLabel()

Comments

[Vladislav]

FeST1VaL спасибо)