JavaScriptда тақдир сайти

Ҳозир биз тақдирни айтадиган сайт яратамиз. Бу сайтда тугма бўлиб, уни босганда таймер ишга тушади ва ҳар 0.1 сонияда бирор дивга 1 дан бошланган маълум максималгача бўлган тасодифий сон чиқади.

Див остида бошқа тугма бўлиб, уни босганда фойдаланувчи таймерни тўхтата олади ва дивдаги маълум сонни қайд қилади. Бу сон тақдир рақами бўлади. Шундан сўнг фойдаланувчига ушбу рақамдаги тақдирни кўрсатинг, ортиқча тугмаларни эса экрандан олиб ташланг, фойдаланувчи яна тақдир ололмасин. Яъни сайтга бир бор киришда - битта тақдир.

Натижада чиқадиган намуна:

Масалани ечishда фойдаланишингиз мумкин бўлган верстка:

<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;
}

Тақдирларни қандай сақлаш қулайлигини ўйлаб кўринг.

Тавсифланган сайтни амалга оширинг.

Тақдирлар икки хил бўлишини ташкила қилинг: яхши ва ёмон. Ёмон тақдирлар қизил рангга, яхшилари эса яшил рангга бояланганини ташкила қилинг.