@romanu4

Как реализовать идею?

5c86ed2ad32340d9bd86db8acb22ff7f.png
Есть фотография(случайная) и 6 кнопок с разными вариантами, одна из них правильная, при правильном ответе загружается еще одна, если нет "ошибка".
Нужны Ваше виденье реализации данной идеи, желательно с конкретными примерами.
  • Вопрос задан
  • 2527 просмотров
Решения вопроса 1
wtf_object
@wtf_object
А в чем проблема? Если проблема в верстке, то можно использовать какой-нибудь фреймворк, например: bootstrap, в котором такая разметка реализуется, с помощью ряда+3 стобцов.

Каждой кнопке в data-* атрибут можно указать ее ID.
Дальше подписать кнопки на событие клика и при обработке получать номер кнопки и сверять с номером ответа.

Загружать картинку, показывать \ скрывать текст, менять текст кнопок - все легко реализуется с помощью того же jQuery.
(просто меняем css \ value)

Если заморачиваться, можно подключить фреймворк и для работы JS. (например какой-нибудь Аngular?)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Psychosynthesis
@Psychosynthesis
Fullstack developer and radio engineer
Да тут даже jQuery не нужен, всё на нативном JS можно в несколько строк уместить.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект