Trang web dự đoán bằng JavaScript

Bây giờ chúng ta sẽ tạo một trang web hiển thị dự đoán. Trang web sẽ có một nút, khi nhấn vào sẽ kích hoạt bộ đếm thời gian, cứ sau mỗi 0.1 giây sẽ hiển thị trong một div nào đó một số ngẫu nhiên từ 1 đến một giá trị tối đa nhất định.

Dưới div sẽ có một nút khác, khi nhấn vào đó người dùng trang web của chúng ta có thể dừng bộ đếm thời gian và cố định một số trong div. Số này sẽ là số thứ tự của dự đoán. Sau đó hãy hiển thị cho người dùng dự đoán với số thứ tự đó, và loại bỏ tất cả các nút thừa khỏi màn hình, để người dùng không thể nhận thêm một dự đoán nào nữa. Tức là mỗi lần vào trang web - chỉ một dự đoán.

Đây là mẫu những gì cần đạt được:

Đây là bố cục mà bạn có thể sử dụng khi giải quyết nhiệm vụ:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">khám phá số phận của bạn</button>
	<button id="stop">nhận dự đoán</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;
}

Hãy suy nghĩ về cách lưu trữ dự đoán sao cho thuận tiện.

Triển khai trang web đã mô tả.

Hãy thực hiện để dự đoán có hai loại: tốt và xấu. Hãy làm sao để dự đoán xấu được tô màu đỏ, còn dự đoán tốt - tô màu xanh lá cây.