Sito di predizioni in JavaScript

Ora creeremo un sito che darà delle predizioni. Lasciamo che su questo sito ci sia un pulsante, cliccando sul quale verrà avviato un timer, che ogni 0.1 secondi mostrerà in un qualche div un numero casuale da 1 a un certo massimo.

Sotto il div lasciamo che ci sia un altro pulsante, cliccando sul quale l'utente del nostro sito potrà fermare il timer e fissare un certo numero nel div. Questo numero sarà il numero della predizione. Dopodiché mostrate all'utente la predizione con questo numero, e rimuovete tutti i pulsanti superflui dallo schermo, in modo che l'utente non possa ottenere un'altra predizione. Cioè per ogni visita al sito - una predizione.

Ecco un esempio di ciò che dovrebbe risultare:

Ecco il markup che potete utilizzare per risolvere il problema:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">scopri il tuo destino</button>
	<button id="stop">ottieni la predizione</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;
}

Pensate a come sia più comodo memorizzare le predizioni.

Implementate il sito descritto.

Fate in modo che le predizioni siano di due tipi: positive e negative. Fate in modo che quelle negative si colorino di rosso, e quelle positive - di verde.