Webová stránka s predpoveďami v JavaScripte

Teraz vytvoríme webovú stránku, ktorá bude zobrazovať predpovede. Nech je na tejto stránke tlačidlo, po ktorého stlačení sa spustí časovač, ktorý bude každých 0.1 sekundy vypisovať do nejakého divu náhodné číslo od 1 do určitého maxima.

Pod divom nech je ďalšie tlačidlo, po stlačení ktorého môže používateľ našej stránky zastaviť časovač a zafixovať určité číslo v divu. Toto číslo bude číslom predpovede. Potom použivateľovi zobrazte predpoveď s týmto číslom a všetky nadbytočné tlačidlá odstráňte z obrazovky, aby používateľ nemohol získať ďalšiu predpoveď. To znamená, že na jednu návštevu stránky - jedna predpoveď.

Tu je ukážka toho, čo by malo vzniknúť:

Tu je HTML a CSS, ktoré môžete použiť pri riešení úlohy:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">spoznať svoj osud</button>
	<button id="stop">získať predpoveď</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;
}

Premyslite, ako je najvhodnejšie uchovávať predpovede.

Realizujte popísanú webovú stránku.

Zaistite, aby predpovede boli dvoch druhov: dobré a zlé. Zaistite, aby sa zlé farbili na červeno a dobré - na zeleno.