Ennustuste veebisait JavaScriptis

Praegu teeme veebisaidi, mis annab ennustusi. Olgu sellel saidil nupp, mille vajutamisel käivitub taimer, mis iga 0.1 sekundi järel väljastab mingisse div-i juhusliku numbri 1 kuni mingi maksimumini.

Div-i all olgu teine nupp, mille vajutamisel saab meie saidi kasutaja taimeri peatada ja kinnitada mingi numbri div-is. See number on ennustuse number. Pärast seda näidake kasutajale ennustust selle numbriga, ja eemaldage kõik liigsed nupud ekraanilt, et kasutaja ei saaks veel üht ennustust. See tähendab, et ühe külaskäigu kohta saidile - üks ennustus.

Siin on näidis sellest, mis peaks välja tulema:

Siin on HTML-i kujundus, mida võite kasutada ülesande lahendamisel:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">saada teada oma saatus</button>
	<button id="stop">saada ennustus</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;
}

Mõelge välja, kuidas on mugavam ennustusi salvestada.

Realiseerige kirjeldatud veebisait.

Tehke nii, et ennustused oleksid kahte liiki: head ja halvad. Tehke nii, et halvad värvitaks punaseks, ja head - roheliseks.