Sitio de predicciones en JavaScript

Ahora vamos a crear un sitio que proporcionará predicciones. Que en este sitio haya un botón, al presionarlo se activará un temporizador que cada 0.1 segundos mostrará en algún div un número aleatorio desde 1 hasta un cierto máximo.

Debajo del div que haya otro botón, al presionarlo el usuario de nuestro sitio podrá detener el temporizador y fijar un cierto número en el div. Este número será el número de predicción. Después de eso, muestre al usuario la predicción con ese número, y quite todos los botones innecesarios de la pantalla, para que el usuario no pueda obtener otra predicción. Es decir, por cada visita al sitio - una predicción.

He aquí una muestra de lo que debería resultar:

He aquí el maquetado que puedes utilizar para resolver la tarea:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">conocer tu destino</button>
	<button id="stop">obtener predicción</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;
}

Piense cuál es la forma más conveniente de almacenar las predicciones.

Implemente el sitio descrito.

Haga que las predicciones sean de dos tipos: buenas y malas. Haga que las malas se coloreen en rojo, y las buenas - en verde.