Site de prédictions en JavaScript

Maintenant, nous allons créer un site qui affichera des prédictions. Que ce site ait un bouton, en cliquant sur lequel un minuterie se déclenchera, qui affichera toutes les 0.1 secondes dans un div un nombre aléatoire de 1 à un certain maximum.

Sous le div, qu'il y ait un autre bouton, en cliquant sur lequel l'utilisateur de notre site pourra arrêter le minuteur et fixer un certain nombre dans le div. Ce nombre sera le numéro de la prédiction. Après cela, montrez à l'utilisateur la prédiction avec ce numéro, et retirez tous les boutons superflus de l'écran, afin que l'utilisateur ne puisse pas obtenir une autre prédiction. C'est-à-dire pour une visite sur le site - une seule prédiction.

Voici un exemple de ce que vous devriez obtenir :

Voici le code HTML et CSS que vous pouvez utiliser pour résoudre la tâche :

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">connaître son destin</button>
	<button id="stop">obtenir la prédiction</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;
}

Réfléchissez à la manière la plus pratique de stocker les prédictions.

Implémentez le site décrit.

Faites en sorte que les prédictions soient de deux sortes : bonnes et mauvaises. Faites en sorte que les mauvaises soient colorées en rouge, et les bonnes - en vert.