Situs Ramalan dalam JavaScript

Sekarang kita akan membuat situs yang akan menghasilkan ramalan. Misalkan di situs ini ada tombol, yang ketika ditekan akan menjalankan timer, yang akan setiap 0.1 detik menampilkan di suatu div angka acak dari 1 hingga suatu maksimum.

Di bawah div misalkan ada tombol lain, yang ketika ditekan pengguna situs kita dapat menghentikan timer dan mengunci suatu angka di div. Angka ini akan menjadi nomor ramalan. Setelah itu tunjukkan kepada pengguna ramalan dengan nomor ini, dan semua tombol yang tidak perlu hilangkan dari layar, agar pengguna tidak bisa mendapatkan ramalan lagi. Artinya untuk satu kunjungan ke situs - satu ramalan.

Berikut contoh yang seharusnya dihasilkan:

Berikut markup yang dapat anda gunakan dalam menyelesaikan tugas:

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

Pertimbangkan, bagaimana cara terbaik menyimpan ramalan.

Implementasikan situs yang dijelaskan.

Buatlah agar ramalan terdiri dari dua jenis: baik dan buruk. Buatlah agar ramalan buruk diwarnai dengan warna merah, dan ramalan baik - dengan warna hijau.