Поочередное добавление класса к каждому элементу в массиве
Добрый день! Такой вопрос, делаю опросник для сайта, и наверху необходимо реализовать что-то вроде индикатора кол-ва пройденных вопросов, такие плашки, которые при переходе к следующему вопрос должны менять цвет, как бы показывая сколько уже пройдено.
Плашки я вывел на 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); }); } |
arhis77,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Цитата:
Правда придется добавить контроль на "все уже отмечены". ;) |
Часовой пояс GMT +3, время: 21:54. |