@R1msk1y

Как сделать Quiz для лендинга?

Приветствую!
На лендинг нужно запилить квиз(опросник), примерно такого типа -
spoiler
ВОПРОСЫ

Как вас зовут?
ответ
кнопка Далее

Вы уже знаете свое предназначение в этой жизни?
да
нет
догадываюсь
Астрология помогает человеку понять свой потенциал, заложенный в момент рождения, и наиболее эффективно самореализоваться
кнопка Далее

Вам известно, какая профессия или сфера бизнеса будет давать вам самые легкие деньги?
да
нет
не могу сказать точно
кнопка Далее

Бывает чувство, что находитесь не на своем месте?
регулярно
иногда
не бывает
Такое часто случается, когда человек не живет в соответствии со своей природой. А идеальную модель поведения могут подсказать космос и звезды.
кнопка Далее

Ваши отношения с партнером - гармоничные?
вполне
хотелось бы лучше
у меня нет партнера
кнопка Далее

Уже пытались разобраться в астрологии?
хорошо разбираюсь
что-то знаю, но вся информация в кучу
не разбираюсь в астрологии
кнопка Далее



Что можно почитать посмотреть, что бы реализовать подобное?
Просто задача вроде кажется простой, а начинаю гуглить и нахожу видосы типа этого -
https://www.youtube.com/watch?v=oftMxBC1BCk&t=911s
Где JS скилл нефиговый такой нужен))
Что то попроще реально найти?

upd.
написал своими кривыми ручками вот такую реализацию:
https://codepen.io/wkurganow/pen/GRvebMj
Есть несколько вопросов к знающим людям.
1. Подскажите, как добавить анимацию на скрытие и/или показ блока.
2. Что нужно дописать чтобы ответы в каждом блоке сохранялись в какую либо переменную, после нажатия кнопки. "ДАЛЕЕ".
  • Вопрос задан
  • 178 просмотров
Пригласить эксперта
Ответы на вопрос 4
Alex_mos
@Alex_mos
Google всему голова
А почему в таком случае
Где JS скилл нефиговый такой нужен))
не обратиться уже к готовым решениям, если не ошибаюсь есть бесплатные.
Ответ написан
@Froggyweb
То что скрывается под модным названием Quiz - это просто пошаговая форма. Готовых решений, по крайней мере на Jquery, тьма. https://www.google.com/search?q=js+step+form&oq=js...
Ответ написан
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
@FrelFrloich
Думаю вы это хотели https://codepen.io/FrelAderal/pen/mdMgdOV
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы