Կանխագուշակումների կայք JavaScript-ով

Այժմ մենք կստեղծենք մի կայք, որը կտա կանխագուշակումներ: Թող այս կայքում լինի մի կոճակ, որի սեղմումով կգործարկվի ժամանակիչ, որն ամեն 0.1 վայրկյանում կցուցադրի ինչ-որ տարրում պատահական թիվ 1-ից մինչև ինչ-որ առավելագույն արժեք:

Տարրի տակ թող լինի մեկ այլ կոճակ, որի սեղմումով կայքի մեր օգտատերը կկարողանա դադարեցնել ժամանակիչը և ամրագրել տարրում եղած թիվը: Այդ թիվը կլինի կանխագուշակման համարը: Դրանից հետո ցույց տվեք օգտատիրոջը կանխագուշակումը այդ համարով, իսկ բոլոր ավելորդ կոճակները հեռացրեք էկրանից, որպեսզի օգտատերը չկարողանա ստանալ ևս մեկ կանխագուշակում: Այսինքն՝ մեկ մուտքի դեպքում կայք՝ մեկ կանխագուշակում:

Ահա մի նմուշ, թե ինչ պետք է ստացվի.

Ահա HTML/CSS կոդը, որը կարող եք օգտագործել առաջադրանքը լուծելիս.

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">պարզել ձեր ճակատագիրը</button>
	<button id="stop">ստանալ կանխագուշակում</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;
}

Մտածեք, թե ինչպես է ավելի հարմար պահել կանխագուշակումները:

Իրականացրեք նկարագրված կայքը:

Արվեք այնպես, որ կանխագուշակումները լինեն երկու տեսակի՝ լավ և վատ: Արվեք այնպես, որ վատերը գունավորվեն կարմիր գույնով, իսկ լավերը - կանաչ: