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

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

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

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

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

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

คิดให้ดีว่าจะจัดเก็บคำทำนายอย่างไรให้สะดวก

นำเว็บไซต์ที่อธิบายไว้ไปปฏิบัติ

ทำให้คำทำนายมีสอง ประเภท: คำทำนายดีและไม่ดี ทำให้ คำทำนายที่ไม่ดีแสดงเป็นสีแดง และคำทำนายดี - เป็นสีเขียว