Сейчас мы сделаем сайт, который будет
выдавать предсказания. Пусть на этом сайте
будет кнопка, по нажатию на которую будет
запускаться таймер, который будет каждые
0.1 секунд выводить в в какой-нибудь
див случайное число от 1 до некоторого
максимального.
Под дивом пусть будет другая кнопка, по нажатию на которую пользователь нашего сайта может остановить таймер и зафиксировать некоторое число в диве. Это число будет номером предсказания. После этого покажите пользователю предсказание с этим номером, а все лишние кнопки уберите с экрана, чтобы пользователь не мог получить еще одно предсказание. То есть на один заход на сайт - одно предсказание.
Вот образец того, что должно получится:
Вот верстка, которую вы можете использовать при решении задачи:
<div id="parent">
<div id="timer">?</div>
<div id="text"></div>
<button id="start" class="active">узнать свою судьбу</button>
<button id="stop">получить предсказание</button>
</div>
#parent {
text-align: center;
}
#parent > * {
margin-bottom: 10px;
}
#timer {
font-size: 18px;
}
#text {
font-size: 17px;
font-style: italic;
}
button {
padding: 5px 10px;
font-size: 15px;
cursor: pointer;
}
button:not(.active) {
display: none;
}
Продумайте, как удобнее хранить предсказания.
Реализуйте описанный сайт.
Сделайте так, чтобы предсказания были двух видов: хорошие и плохие. Сделайте так, чтобы плохие красились в красный цвет, а хорошие - в зеленый.