Site de predicții în JavaScript

Acum vom crea un site care va oferi predicții. Să fie pe acest site un buton, la apăsarea căruia va porni un timer, care la fiecare 0.1 secunde va afișa într-un div un număr aleatoriu de la 1 până la un anumit maximum.

Sub div să fie un alt buton, la apăsarea căruia utilizatorul site-ului nostru poate opri timer-ul și fixa un anumit număr în div. Acest număr va fi numărul predicției. După aceea afișați utilizatorului predicția cu acest număr, iar toate butoanele inutile eliminați-le de pe ecran, astfel încât utilizatorul să nu poată obține încă o predicție. Adică pentru o vizită pe site - o singură predicție.

Iată un model al ceea ce ar trebui să rezulte:

Iată markup-ul pe care îl puteți utiliza la rezolvarea problemei:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">află-ți soarta</button>
	<button id="stop">primește predicția</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;
}

Gândiți-vă cum este mai convenabil să stocați predicțiile.

Implementați site-ul descris.

Faceți ca predicțiile să fie de două tipuri: bune și rele. Faceți ca cele rele să fie colorate în roșu, iar cele bune - în verde.