Веб страна за предвидувања на JavaScript

Сега ќе направиме веб страна, која ќе дава предвидувања. Нека на оваа страна има копче, при кликнување на кое ќе се стартува тајмер, кој ќе на секои 0.1 секунди прикажува во некој div случаен број од 1 до одреден максимум.

Под div-от нека има друго копче, при кликнување на кое корисникот на нашата страна може да го сопре тајмерот и да фиксира одреден број во div-от. Овој број ќе биде бројот на предвидувањето. Потоа прикажете му на корисникот предвидување со овој број, а сите непотребни копчиња отстранете ги од екранот, за корисникот да не може да добие уште едно предвидување. Односно за една посета на страната - едно предвидување.

Еве пример за тоа што треба да се добие:

Еве ја разметката што можете да ја користите при решавањето на задачата:

html<div id="parent">
  <div id="timer">?</div>
  <div id="text"></div>
  <button id="start" class="active">дознај ја својата судбина</button>
  <button id="stop">добиј предвидување</button>
</div>
css#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;
}
Задание 1

Размислете, како е попрактично да се чуваат предвидувањата.

Задание 2

Имплементирајте ја опишаната веб страна.

Задание 3

Направете предвидувањата да бидат од два вида: добри и лоши. Направете лошите да се обојуваат во црвено, а добрите - во зелено.