JavaScript ile Fal Sitesi

Şimdi, tahminlerde bulunan bir site yapacağız. Bu sitede, tıklandığında bir zamanlayıcıyı başlatan bir düğme olsun. Bu zamanlayıcı, her 0.1 saniyede bir, bir div içine 1'den belirli bir maksimuma kadar rastgele bir sayı yazsın.

Div'in altında başka bir düğme olsun, kullanıcı bu düğmeye tıklayarak zamanlayıcıyı durdurabilsin ve div'deki belirli bir sayıyı sabitleyebilsin. Bu sayı, tahminin numarası olacak. Ardından kullanıcıya bu numaralı tahmini gösterin ve kullanıcının başka bir tahmin alamaması için ekrandaki gereksiz tüm düğmeleri kaldırın. Yani, bir site ziyaretinde - bir tahmin.

İşte ortaya çıkması gerekenlerin bir örneği:

Problemi çözerken kullanabileceğiniz işaretleme:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">kaderini öğren</button>
	<button id="stop">tahmini 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;
}

Tahminleri saklamak için en uygun yolu düşünün.

Açıklanan siteyi uygulayın.

Tahminlerin iki türde olmasını sağlayın: iyi ve kötü. Kötü tahminlerin kırmızı, iyi tahminlerin ise yeşil renkte görünmesini sağlayın.