JavaScript-də Fal Baxış Saytı

İndi biz fal baxışları verən bir sayt hazırlayacayıq. Bu saytda elə bir düymə olsun ki, ona klikləndikdə bir taymer işə düşsün və hər 0.1 saniyədən bir hər hansı bir div-də 1-dən müəyyən bir maksimuma qədər təsadüfi bir ədəd çap etsin.

Div-in altında başqa bir düymə olsun, ona klikləndikdə istifadəçi taymeri dayandıra bilsin və div-də müəyyən bir ədədi təsbit etsin. Bu ədəd fal nömrəsi olacaq. Bundan sonra istifadəçiyə həmin nömrəli falı göstərin, artan bütün düymələri ekrandan çıxarın ki, istifadəçi daha bir fal ala bilməsin. Yəni bir dəfə sayta gəlişdə - bir fal.

Budur, nəyin əldə edilməli olduğunun nümunəsi:

Budur, məsələni həll edərkən istifadə edə biləcəyiniz verstka:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">öz talehini öyrən</button>
	<button id="stop">falı al</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;
}

Falları saxlamaq üçün necə daha əlverişli olduğunu düşünün.

Təsvir olunan saytı həyata keçirin.

Falları iki növdə edin: yaxşı və pis. Elə edin ki, pis olanlar qırmızı rəngdə, yaxşı olanlar isə yaşıl rəngdə olsun.