জাভাস্ক্রিপ্টে ভবিষ্যদ্বাণীর ওয়েবসাইট

এখন আমরা একটি ওয়েবসাইট তৈরি করব যা ভবিষ্যদ্বাণী দেবে। এই ওয়েবসাইটে একটি বাটন থাকুক, যে বাটনে ক্লিক করলে একটি টাইমার চালু হবে, যা প্রতি 0.1 সেকেন্ডে একটি ডিভে কিছু সর্বোচ্চ সংখ্যা পর্যন্ত 1 থেকে একটি এলোমেলো সংখ্যা আউটপুট করবে।

ডিভের নিচে আরেকটি বাটন থাকুক, যেটিতে ক্লিক করলে আমাদের ওয়েবসাইটের ব্যবহারকারী টাইমার বন্ধ করতে পারে এবং ডিভে একটি নির্দিষ্ট সংখ্যা স্থির করতে পারে। এই সংখ্যাটি হবে ভবিষ্যদ্বাণীর নম্বর। এরপর ব্যবহারকারীকে সেই নম্বর সহ ভবিষ্যদ্বাণীটি দেখান, এবং অপ্রয়োজনীয় সমস্ত বাটন স্ক্রিন থেকে সরিয়ে দিন, যাতে ব্যবহারকারী আরেকটি ভবিষ্যদ্বাণী পেতে না পারে। অর্থাৎ, একবার ওয়েবসাইটে আসার জন্য - একটি ভবিষ্যদ্বাণী।

এখানে যা পাওয়া উচিত তার একটি নমুনা:

এখানে মার্কআপটি রয়েছে যা আপনি সমস্যা সমাধানের সময় ব্যবহার করতে পারেন:

html<div id="parent">
  <div id="timer">?</div>
  <div id="text"></div>
  <button id="start" class="active">আপনার ভাগ্য জানুন</button>
  <button id="stop">ভবিষ্যদ্বাণী পান</button>
</div>

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