[arhis77]

Добрый день! Такой вопрос, делаю опросник для сайта, и наверху необходимо реализовать что-то вроде индикатора кол-ва пройденных вопросов, такие плашки, которые при переходе к следующему вопрос должны менять цвет, как бы показывая сколько уже пройдено.

Плашки я вывел на js по кол-ву вопросов, а как теперь сделать так, чтобы при нажатии на определенную кнопку, по которой происходит переход к следующему вопросу, так же добавлялся класс к очередной плашке? Получается, что нужно каждый раз добавлять класс следующему элементу от того, в котором данный класс уже есть?

вывод самих плашек сделал таким образом:

function createSteps() {
var count = questions.childNodes.length;
var steps = [], step;

for(var i = 0; i < count; i++) {
step = document.createElement("div");
// step.id = "step" + i;
step.className = "steps__item";
steps.push(step);
}

// Add the proper selector here
var target = document.getElementById("steps");
steps.forEach(function(step) {
target.appendChild(step);
});
}