Как написать программу для рандомного отображения заданных данных?

Question

[Александр Сергеевич]

Здравствуйте, уважаемые обыватели форума.
Задача такова. Попросили меня помочь в создании одной маленькой программы для детской викторины.
Суть ее заключается в том, что при нажатии на кнопку, в одном окне, рандомным образом, отображается одно из заготовленных изображений, а в другом, также случайным образом, один из блоков текста.
Картинка для визуализации задачи:

P.S. Было бы хорошо реализовать это как веб программу (тут я хотя бы знаю значение слов HTML, CSS, PHP и JS )
P.S.S. Я не прошу о готовом решении, просто подскажите с чего начать и в каком направлении двигаться.
Спасибо.

Comments

[Александр Сергеевич]

Спасибо Вам большое за комментарии.
twobomb указал хорошее и не сложное решение на js.
Теперь я разберусь в сути происходящего и попробую все повторить.
Спасибо.

Answer 1

[twobomb]

https://jsfiddle.net/twobomb/antLjwq9/

Answer 2

[Gip]

1. тык на кнопку отправляет ajax-запрос на сервер.
2. серверный скрипт на пхп принимает запрос и возвращает в JSON рэндомный обьект из заранее определенного массива{'image':'url', 'text':'текст'}
3. js на клиенте перезаписывает соответствующие HTML-блоки данными из ответа. профит.

Comments

[Hemul GM]

Зачем целый сервер для этого?

[Gip]

Hemul GM, ну чтобы детсадовцы js не посмотрели ;)

но вообще да, конечно, что-то я размахнулся.

[Gip]

апд. убираем AJAX - массив хардкодим прямо в JS.

[Алексей Ярков]

Gip,

чтобы детсадовцы js не посмотрели

Спасибо за положительные эмоции )))