Prognožu vietne JavaScript

Tagad mēs izveidosim vietni, kas sniegs prognozes. Ļaujiet šajā vietnē būt pogai, uz kuras noklikšķinot tiks palaists taimeris, kas ik pēc 0.1 sekundēm izvadīs kādā div elementā nejaušu skaitli no 1 līdz noteiktam maksimālajam.

Zem div elementa ļaujiet būt citai pogai, uz kuras noklikšķinot jūsu vietnes lietotājs var apturēt taimeri un fiksēt noteiktu skaitli div elementā. Šis skaitlis būs prognozes numurs. Pēc tam parādiet lietotājam prognozi ar šo numuru, un noņemiet visas liekās pogas no ekrāna, lai lietotājs nevarētu iegūt vēl vienu prognozi. Tas ir, vienai apmeklējuma reizei vietnē - viena prognoze.

Lūk, paraugs tam, kam vajadzētu izveidoties:

Lūk, atzīmējums, ko varat izmantot risinot uzdevumu:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">uzzināt savu likteni</button>
	<button id="stop">saņemt prognozi</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;
}

Izdomājiet, kā ir ērtāk glabāt prognozes.

Realizējiet aprakstīto vietni.

Izveidojiet tā, lai prognozes būtu divu veidu: labas un sliktas. Izveidojiet tā, lai sliktas iekrāsotos sarkanā krāsā, bet labas - zaļā krāsā.