Spådomswebsite på JavaScript

Nu skal vi lave en website, som vil uddele spådomme. Lad der på denne website være en knap, der ved tryk starter en timer, som hver 0.1 sekund vil udskrive i en div et tilfældigt tal fra 1 til en vis maksimumsværdi.

Under div'en lad der være en anden knap, der ved tryk kan stoppe timeren og fastsætte et bestemt tal i div'en. Dette tal vil være nummeret på spådommen. Efterfølgende skal du vise brugeren spådommen med dette nummer, og fjern alle overflødige knapper fra skærmen, så brugeren ikke kan få endnu en spådom. Det vil sige, at der kun er én spådom pr. besøg på websitet.

Her er et eksempel på, hvad der skal resultere:

Her er den HTML-struktur, du kan bruge til at løse opgaven:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">lær din skæbne at kende</button>
	<button id="stop">få din 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;
}

Overvej, hvordan det er mest praktisk at gemme spådommene.

Implementer den beskrevne website.

Sørg for, at spådommene er af to typer: gode og dårlige. Sørg for, at de dårlige farves røde, og de gode - grønne.