Сайт за предсказания на JavaScript
Сега ще направим сайт, който ще
издава предсказания. Нека на този сайт
има бутон, при натискането на който ще
се стартира таймер, който на всеки
0.1 секунди ще извежда в някакъв
div случайно число от 1 до някакъв
максимум.
Под div нека има друг бутон, при натискането на който потребителят на нашия сайт може да спре таймера и да фиксира някакво число в div. Това число ще бъде номер на предсказанието. След това покажете на потребителя предсказанието с този номер, а всички излишни бутони премахнете от екрана, за да не може потребителят да получи още едно предсказание. Тоест на един вход в сайта - едно предсказание.
Ето образец на това, което трябва да се получи:
Ето верстката, която можете да използвате при решаването на задачата:
<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;
}
Помислете как е по-удобно да се съхраняват предсказанията.
Реализирайте описания сайт.
Направете така, че предсказанията да са два вида: добри и лоши. Направете така, че лошите да се оцветяват в червено, а добрите - в зелено.