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:

<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>

#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;
}

Razmislite kako je zgodnije čuvati predviđanja.

Realizujte opisani sajt.

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.