Как добавить класс элементу до нужного по списку?

Question

[Вячеслав Боргомотов]

Помогите. Нужно добавить класс ко всем элементам до определенного.
Получается добавить класс ко всем элементам. Головой понимаю, что необходимо приравнять значения, но в упор не вижу как. Вот код:

var items = 5;
var elements = document.getElementsByClassName("elem");
  for (var i = 0; i < elements.length; i++) {
    elements[i].classList.add("red");
}

Вот ссылка на codepen: https://codepen.io
Заранее спасибо

Comments

[Ankhena]

i < 5

Но вопрос, зачем для этого js, если есть nth-child в css. В JS он тоже есть.

[Вячеслав Боргомотов]

Ankhena, Нужен именно перебор через JS. переменная задается динамически

[Ankhena]

Вячеслав Боргомотов, так и подставьте items вместо пятерки и проверяйте, что items меньше, чем количество элементов

var items = 5;
var elements = document.getElementsByClassName("elem");
var length = (items < elements.length) ? items : elements.length;
for (var i = 0; i < length; i++) {
  elements[i].classList.add("red");
}

Answer 1

[Михаил Р.]

for (var i = 0; i < elements.length; i++) {
    if (i < items) {
        elements[i].classList.add("red");
    }
}

const items = 5;
const elements = document.querySelectorAll(".elem");

elements.forEach((el, i) => {
    if (i < items) {
        el.classList.add("red");
    }
});

Comments

[Вячеслав Боргомотов]

Спасибо! Все как просто оказалось... условие!