Spåsajt på JavaScript

Nu ska vi göra en webbplats som ger spådomar. Låt det på denna webbplats finnas en knapp, vid klick på vilken en timer startas, som kommer varje 0.1 sekund visa ett slumpmässigt nummer från 1 till ett visst maximum i någon div.

Under diven låt det finnas en annan knapp, vid klick på vilken användaren av vår webbplats kan stoppa timern och fixera ett visst nummer i diven. Detta nummer kommer att vara spådomens nummer. Efter det, visa användaren spådomen med detta nummer, och ta bort alla onödiga knappar från skärmen, så att användaren inte kan få ytterligare en spådom. Det vill säga, ett besök på webbplatsen - en spådom.

Här är ett exempel på vad som ska bli resultatet:

Här är HTML-strukturen du kan använda när du löser uppgiften:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">ta reda på ditt öde</button>
	<button id="stop">få spådom</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;
}

Tänk på hur det är mest praktiskt att lagra spådomarna.

Implementera den beskrivna webbplatsen.

Gör så att spådomarna är av två typer: bra och dåliga. Gör så att de dåliga får röd färg, och de bra - i grön.