Как сделать цвет на javascript и автоматически при клике на «да» или «нет» фон вопросов переключался?

Question

[Иван Попеня]

при клике на "Да" или "Нет" надо чтобы вопрос вставал автоматически под свой фон, у меня это сделано на javascript, но почему-то не работает. Кнопки "Да" и "Нет" не получается поставить параллельно по горизонтали, пробовал Flex, block, margin и padding, можете пожалуйста помочь. И ещё не получается стилизовать кнопки в javascript, чтобы каждая кнопка под своим цветом была, например "да" светилась как зелёная, а "нет" как красная, я в конце хотел стилизовать их на javascript, но не получилось, они сейчас выделены в виде комментариев в конце. Пожалуйста помогите ребят! Также всех с Новым годом! Желаю каждому достичь своих поставленных целей и добиться отличных результатов!

Comments

[Шохрух Шаймардонов]

И вас с Новым годом.
Прочитайте правила сервиса.
Подсказка: код вставлять в тег code, нельзя скриншотом.
P.s. лучше сразу в песочницу залейте (jsfiddle.net/codepen.io)

[Иван Попеня]

https://codepen.io/landfix/pen/eYmprjR

[Иван Попеня]

Просматривается?

[Ankhena]

Иван Попеня,
1. Кнопки это тег button
2. Два тега button встают рядом по горизонтали сами по себе
3. Стилизуются классами в css
https://jsfiddle.net/hpdo3wer/

[Иван Попеня]

Ankhena, не получается, там вообще больше нагрузки на javascript, но я добавил button, застелизовал, один вверх идёт, другой вниз идёт,

[Ankhena]

Иван Попеня, мало что понятно в вашем коде.

Если вы называете кнопками те закомментированные радио, то если их раскомментировать, то они стоят в один ряд.

spoiler

Если их нужно покрасить, то нужно использовать тег label либо вокруг инпутов либо рядом и с атрибутом for.

Если кнопки это два li, то это во-первых, семантически не верно, во-вторых используйте инлайн-блоки или флексы (второе разумнее). Но лучше все таки радио или button.

но я добавил button, застелизовал, один вверх идёт, другой вниз идёт,

Этого я вообще в вашем коде не вижу.

Еще раз: что button, что label по умолчанию (!) встают в один ряд, если помещаются по ширине. Если они этого не делают, значит вы понаписали чего-то лишнего.

Вот все 3 варианта https://jsfiddle.net/7zwu3p6c/