Një faqe parashikimesh në JavaScript

Tani do të krijojmë një faqe që do të japë parashikime. Le të ketë kjo faqe një buton, upon clicking on which do të niset një kronometër, i cili do të çdo 0.1 sekonda shfaqë në një div një numër të rastësishëm nga 1 deri në një maksimum të caktuar.

Nën div le të ketë një buton tjetër, upon clicking on which përdoruesi i faqes sonë mund të ndalojë kronometrin dhe të fiksojë një numër të caktuar në div. Ky numër do të jetë numri i parashikimit. Pas kësaj, tregoni përdoruesit parashikimin me këtë numër, dhe hiqni të gjithë butonat e tepërt nga ekrani, në mënyrë që përdoruesi të mos mund të marrë edhe një parashikim tjetër. Domethënë për një vizitë në faqe - një parashikim.

Këtu është një mostër e asaj që duhet të merret:

Këtu është markup që mund të përdorni gjatë zgjidhjes së detyrës:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">gjeni fatin tuaj</button>
	<button id="stop">merrni parashikimin</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;
}

Mendoni se si është më e përshtatshme të ruhen parashikimet.

Implementoni faqen e përshkruar.

Bëni që parashikimet të jenë të dy llojeve: të mira dhe të këqija. Bëni që ato të këqija të ngjyrosen në të kuqe, ndërsa ato të mira - në të gjelbër.