Spletna stran za napovedovanje v JavaScript

Trenutno bomo naredili spletno stran, ki bo izkazala napovedi. Naj bo na tej spletni strani gumb, ob kliku na katerega se bo zagnal časovnik, ki bo vsakih 0.1 sekund izpisal v nek div naključno število od 1 do neke maksimalne vrednosti.

Pod div-om naj bo drug gumb, ob kliku na katerega lahko uporabnik naše spletne strani ustavi časovnik in določi neko število v div-u. Ta številka bo številka napovedi. Po tem pokažite uporabniku napoved s to številko, vse odvečne gumbe pa odstranite z zaslona, da uporabnik ne more dobiti še ene napovedi. To pomeni, na en obisk spletne strani - ena napoved.

Tu je vzorec tega, kar bi moralo biti doseženo:

Tu je razporeditev, ki jo lahko uporabite pri reševanju naloge:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">izvej svojo usodo</button>
	<button id="stop">pridobi napoved</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 bolj priročno shranjevati napovedi.

Implementirajte opisano spletno stran.

Naredite tako, da so napovedi dveh vrst: dobre in slabe. Naredite tako, da se slabe obarvajo rdeče, dobre pa zeleno.