Webová stránka s předpověďmi v JavaScriptu

Nyní vytvoříme webovou stránku, která bude zobrazovat předpovědi. Na této stránce nechť je tlačítko, po jehož stisknutí se spustí časovač, který bude každých 0.1 sekund vypisovat do nějakého divu náhodné číslo od 1 do určitého maxima.

Pod divem nechť je další tlačítko, po jehož stisknutí může uživatel naší stránky zastavit časovač a zafixovat určité číslo v divu. Toto číslo bude číslem předpovědi. Poté uživateli ukažte předpověď s tímto číslem a všechna přebytečná tlačítka odstraňte z obrazovky, aby uživatel nemohl získat další předpověď. To znamená na jedno návštěvu stránky - jedna předpověď.

Zde je vzor toho, co by mělo vzniknout:

Zde je rozvržení, které můžete použít při řešení úlohy:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">poznat svůj osud</button>
	<button id="stop">získat předpověď</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;
}

Promyslete, jak je výhodné ukládat předpovědi.

Realizujte popsanou webovou stránku.

Zařiďte, aby předpovědi byly dvou druhů: dobré a špatné. Zařiďte, aby se špatné barvily červeně a dobré - zeleně.