Веб страна за предвидувања на 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;
}
Размислете, како е попрактично да се чуваат предвидувањата.
Имплементирајте ја опишаната веб страна.
Направете предвидувањата да бидат од два вида: добри и лоши. Направете лошите да се обојуваат во црвено, а добрите - во зелено.