जावास्क्रिप्ट पर भविष्यवाणी वेबसाइट

अब हम एक वेबसाइट बनाएंगे जो भविष्यवाणियां प्रदान करेगी। इस वेबसाइट पर एक बटन होना चाहिए, जिसे क्लिक करने पर एक टाइमर शुरू हो जाएगा, जो हर 0.1 सेकंड में किसी डिव में 1 से एक निश्चित अधिकतम तक एक यादृच्छिक संख्या प्रदर्शित करेगा।

डिव के नीचे एक और बटन होना चाहिए, जिसे क्लिक करने पर हमारी वेबसाइट का उपयोगकर्ता टाइमर रोक सकता है और डिव में एक निश्चित संख्या को स्थिर कर सकता है। यह संख्या भविष्यवाणी की संख्या होगी। उसके बाद उपयोगकर्ता को उस संख्या वाली भविष्यवाणी दिखाएं, और सभी अतिरिक्त बटनों को स्क्रीन से हटा दें ताकि उपयोगकर्ता दूसरी भविष्यवाणी प्राप्त न कर सके। यानी एक बार वेबसाइट पर आने पर - एक भविष्यवाणी।

यहाँ एक नमूना है कि क्या प्राप्त होना चाहिए:

यहाँ वह मार्कअप है जिसका आप समस्या को हल करते समय उपयोग कर सकते हैं:

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

सोचें कि भविष्यवाणियों को संग्रहीत करने का सबसे सुविधाजनक तरीका क्या होगा।

वर्णित वेबसाइट को लागू करें।

ऐसा करें कि भविष्यवाणियाँ दो प्रकार की हों: अच्छी और बुरी। ऐसा करें कि बुरी भविष्यवाणियाँ लाल रंग में और अच्छी भविष्यवाणियाँ हरे रंग में दिखाई दें।