Как задать пошагово класс?

Question

[FrelFrloich]

Добрый вечер. Как при клике на кнопку 'далее' задать поочередно класс контейнерам, на некоторых так скажем, шагах, возможно будет проверка, если какой либо дочерний елемент не содержит текст следующий блок не получит каласс 'active'. Что то вроде табов с одной кнопкой имеющие проверку при переключении.
Дополню вопрос, а при клике на кнопку назад возвращаться к прошлому шагу (блоку)

https://codepen.io/FrelAderal/pen/mdMgdOV

Comments

[Froggyweb]

Вы там с ума посходили?
https://www.google.com/search?q=step+form&oq=step+...

[FrelFrloich]

Froggyweb, та не форма квиз, её то я напишу как раз таки без проблем, тупая фигня с карточками товаров пошагово, куча полей, цифр и тд, с переходом по шагам, в некоторых случаях условия отсутствуют и тд.

Просто на том сайте который служит 'примером' реакт и тупо при каждом щаге вылетает с компонентов новая кнопка со своим id, я с реактом не дружу и не хотелось задавать кнопкам none, show и плодить их. Да и если бы я дружил, бэк не дружит.

[Froggyweb]

FrelFrloich, Бред. в любом случае шаг валидируется и не пускает дальше. Условия - это задание со звездочкой.
Ну например ты говоришь про табы - ок сделай валидацию полей или переключение таба если что-то не заполнено.
в примере у тебя и табов то нет.

[FrelFrloich]

Froggyweb, в примере же вроде чётко указанно, задать класс по кнопке и обратно.

[Froggyweb]

FrelFrloich, В примере нет вообще ничего кроме селекторов.
Рекомендую воспользоваться вышеприведенной ссылкой

[FrelFrloich]

Froggyweb, друг, ну зачем ты тратишь моё и своё время? если не можешь помочь по конкретно заданному вопросу, для чего распускать этот словоблудие?

Answer 1

[coderisimo]

оно?

Comments

[FrelFrloich]

Оно, спасиб.

Answer 2

[Алексей Дубровин]

Немного не понял в чём трудность.
Если я правильно понял задачу.
При клике на далее мы должны получить следующий элемент без класса "active", ну или что там у вас.
document.querySelector('.block:not(.active)')