Site de previsões em JavaScript

Agora vamos criar um site que fornecerá previsões. Que neste site haja um botão que, ao ser clicado, dispare um temporizador que a cada 0.1 segundos exiba em alguma div um número aleatório de 1 até um determinado máximo.

Abaixo da div, que haja outro botão, ao clicar no qual o usuário do nosso site possa parar o temporizador e fixar um determinado número na div. Este número será o número da previsão. Depois disso, mostre ao usuário a previsão com esse número, e remova todos os botões desnecessários da tela, para que o usuário não possa obter outra previsão. Ou seja, por vez que a pessoa acessa o site - uma previsão.

Aqui está um exemplo do que deve ser obtido:

Aqui está o markup que você pode usar ao resolver a tarefa:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">descobrir seu destino</button>
	<button id="stop">obter previsão</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;
}

Pense em como é mais conveniente armazenar as previsões.

Implemente o site descrito.

Faça com que as previsões sejam de dois tipos: boas e ruins. Faça com que as ruins sejam coloridas em vermelho, e as boas - em verde.