Spådomsnettsted på JavaScript

Nå skal vi lage et nettsted som vil gi spådommer. La det være en knapp på dette nettstedet som, når den klikkes, vil starte en timer som hvert 0.1 sekund vil vise et tilfeldig tall fra 1 til en viss maksimumsverdi i en div.

Under diven, la det være en annen knapp som, når den klikkes, kan brukeren av nettstedet vårt stoppe timeren og feste et visst tall i diven. Dette tallet vil være spådomsnummeret. Etter det, vis brukeren spådommen med dette nummeret, og fjern alle unødvendige knapper fra skjermen, slik at brukeren ikke kan få en spådom til. Det vil si at per besøk på nettstedet - én spådom.

Her er et eksempel på hva som bør bli resultatet:

Her er HTML-strukturen du kan bruke når du løser oppgaven:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">finn ut din skjebne</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;
}

Tenk gjennom hvordan det er mest praktisk å lagre spådommene.

Implementer det beskrevne nettstedet.

Gjør slik at spådommene er av to typer: gode og dårlige. Gjør slik at de dårlige får rød farge, og de gode - grønn farge.