Sajt za predviđanja na JavaScript-u

Sada ćemo napraviti sajt koji će davati predviđanja. Neka na ovom sajtu bude dugme, pritiskom na koje će se pokrenuti tajmer koji će svakih 0.1 sekundi ispisivati u neki div slučajan broj od 1 do nekog maksimuma.

Ispod diva neka bude drugo dugme, pritiskom na koje korisnik našeg sajta može zaustaviti tajmer i fiksirati neki broj u divu. Taj broj će biti broj predviđanja. Nakon toga pokažite korisniku predviđanje s tim brojem, a sva suvišna dugmad uklonite sa ekrana, kako korisnik ne bi mogao da dobije još jedno predviđanje. To jest, za jednu posetu sajtu - jedno predviđanje.

Evo uzorka onoga što treba da se dobije:

Evo HTML markup-a koji možete koristiti prilikom rešavanja zadatka:

html<div id="parent">
  <div id="timer">?</div>
  <div id="text"></div>
  <button id="start" class="active">saznaj svoju sudbinu</button>
  <button id="stop">dobij predviđanje</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

Razmislite kako je zgodnije čuvati predviđanja.

Задание 2

Realizujte opisani sajt.

Задание 3

Uredite tako da predviđanja budu dve vrste: dobra i loša. Uredite tako da se loša obojaju u crvenu boju, a dobra - u zelenu.