Laman Ramalan dalam JavaScript

Sekarang kita akan buat laman web yang akan memberikan ramalan. Mari laman web ini mempunyai butang, apabila ditekan akan memulakan pemasa, yang akan setiap 0.1 saat memaparkan dalam suatu div nombor rawak dari 1 hingga suatu maksimum.

Di bawah div itu mari ada butang lain, apabila ditekan pengguna laman web kami boleh menghentikan pemasa dan memfixkan suatu nombor dalam div. Nombor ini akan menjadi nombor ramalan. Selepas itu tunjukkan kepada pengguna ramalan dengan nombor itu, dan semua butang lebihan disingkirkan dari skrin, supaya pengguna tidak boleh mendapatkan satu lagi ramalan. Maksudnya untuk satu lawatan ke laman web - satu ramalan.

Berikut adalah contoh apa yang sepatutnya diperoleh:

Berikut adalah susun atur yang boleh anda gunakan apabila menyelesaikan masalah:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">ketahui nasib anda</button>
	<button id="stop">dapatkan ramalan</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;
}

Fikirkan, cara yang lebih sesuai untuk menyimpan ramalan.

Laksanakan laman web yang diterangkan.

Jadikan supaya ramalan terdiri daripada dua jenis: baik dan buruk. Jadikan supaya ramalan buruk diwarnakan dengan warna merah, dan ramalan baik - dengan warna hijau.