сайт с вопросами на одной странице [закрыт]

161
31 августа 2019, 01:00

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

Answer 1

ну, если в общем - можно так:

  1. Накидать блоков с вопросами и вариантами ответов. Приделать конструкцию для прогресс-бара.
  2. по умолчанию их не показывать. стилями.
  3. Первому блоку по умолчанию добавить некий класс, который заставит браузер его показать.
  4. По факту выбора варианта ответа убирать с блока этот класс и присобачивать его следующему по порядку блоку. Это скриптом.
  5. Одновременно в прогресс-баре менять, скажем, ширину блока-индикатора, вычисляя ее пропорционально отношению числа пройденных вопросов к общему. Тем же скриптом.
  6. Профит.

А если хотите, чтобы сделали все за вас - нет проблем, долларов за 50 можно =)

READ ALSO
Получение имени элемента JS
HTML

Получение имени элемента JS

Есть html:

 168
Картинки большие для экранов 1368x768
HTML

Картинки большие для экранов 1368x768

В макете есть две картинки, которые смотрятся на 1920 экранах отлично, а на экранах 1366 они сливаются в одну картинку(использую сетку bootstrap)Как...

 166
Не работает js скрипт
HTML

Не работает js скрипт

Нужно перемещать div по нажатию на кнопкуНаписал следующий код, но он не работает, квадрат остается на своем месте

 150
Картинка идёт поверх другого блока
HTML

Картинка идёт поверх другого блока

Подскажите пожалуйста, при transform:scale(11) картинка идёт поверх другого блока, как это исправить? Эта картинка находиться в обёрточном блоке

 146