JavaScript-da Bashorat Sayti

Hozir biz bashoratlar beradigan sayt yaratamiz. Ushbu saytda tugma bo'lsin, uni bosganda taymer ishga tushadi va har 0.1 soniyada biron bir div-ga 1 dan ma'lum maksimalgacha bo'lgan tasodifiy son chiqaradi.

Div ostida boshqa tugma bo'lsin, uni bosganda foydalanuvchi taymerni to'xtatishi va divdagi ma'lum bir sonni belgilashi mumkin. Bu son bashorat raqami bo'ladi. Shundan so'ng foydalanuvchiga ushbu raqamli bashoratni ko'rsating, va ortiqcha tugmalarni ekrandan olib tashlang, shunda foydalanuvchi yana boshqa bashorat ola olmasin. Ya'ni bir marta saytga kirish - bitta bashorat.

Mana nima natija olish kerakligining namunasi:

Mana masalani yechishda foydalanishingiz mumkin bo'lgan verstka:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">o'z taqdirinigizni biling</button>
	<button id="stop">bashorat olish</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;
}

Bashoratlarni qanday saqlash qulayligini o'ylab ko'ring.

Tasvirlangan saytni amalga oshiring.

Bashoratlar ikki turda bo'lishini ta'minlang: yaxshilar va yomonlar. Yomonlar qizil rangga, yaxshilar esa yashil rangga bo'yalishini ta'minlang.