เว็บไซต์ทำนายทายทักด้วย JavaScript

ตอนนี้เราจะสร้างเว็บไซต์ที่จะ ให้คำทำนาย ขอให้เว็บไซต์นี้มี ปุ่มหนึ่ง เมื่อคลิกที่ปุ่มนั้นจะ เริ่มตัวจับเวลา ซึ่งจะทุกๆ 0.1 วินาที แสดงผลใน div บางอันเป็นตัวเลขสุ่มตั้งแต่ 1 ถึงค่าสูงสุดหนึ่ง

ใต้ div ขอให้มีปุ่มอีกปุ่มหนึ่ง เมื่อคลิก ที่ปุ่มนั้น ผู้ใช้เว็บไซต์ของเรา สามารถหยุดตัวจับเวลาและตรึงตัวเลข บางตัวใน div ไว้ ตัวเลขนี้จะเป็นหมายเลขของคำทำนาย หลังจากนั้นให้แสดงคำทำนาย ที่มีหมายเลขนั้นแก่ผู้ใช้ และนำปุ่มที่ไม่จำเป็นทั้งหมดออก จากหน้าจอ เพื่อที่ผู้ใช้จะไม่สามารถได้รับ คำทำนายเพิ่มได้ นั่นคือในการเข้าเว็บไซต์หนึ่งครั้ง - จะได้รับคำทำนายหนึ่งครั้ง

นี่คือตัวอย่างของสิ่งที่ควรได้:

นี่คือโครงสร้าง HTML ที่คุณสามารถใช้ ในการแก้โจทย์:

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