Ιστότοπος Προβλέψεων σε JavaScript

Τώρα θα φτιάξουμε έναν ιστότοπο που θα δίνει προβλέψεις. Ας υπάρχει σε αυτόν τον ιστότοπο ένα κουμπί, upon pressing which a χρονομετρητής θα ξεκινά, που θα κάθε 0.1 δευτερόλεπτα εμφανίζει σε κάποιο div έναν τυχαίο αριθμό από 1 μέχρι ένα ορισμένο ανώτατο όριο.

Κάτω από το div ας υπάρχει ένα άλλο κουμπί, upon pressing στο οποίο ο χρήστης του ιστότοπου μας μπορεί να σταματήσει το χρονομετρητή και να καθορίσει έναν ορισμένο αριθμό στο div. Αυτός ο αριθμός θα είναι ο αριθμός της πρόβλεψης. Μετά από αυτό, δείξτε στον χρήστη την πρόβλεψη με αυτόν τον αριθμό, και αφαιρέστε όλα τα περιττά κουμπιά από την οθόνη, έτσι ώστε ο χρήστης να μην μπορεί να πάρει άλλη μια πρόβλεψη. Δηλαδή, για μία επίσκεψη στον ιστότοπο - μία πρόβλεψη.

Ακολουθεί ένα δείγμα του τι πρέπει να προκύψει:

Ακολουθεί το markup που μπορείτε να χρησιμοποιήσετε κατά την επίλυση της άσκησης:

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

Σκεφτείτε πώς είναι πιο βολικό να αποθηκεύονται οι προβλέψεις.

Υλοποιήστε τον περιγραφόμενο ιστότοπο.

Κάντε τις προβλέψεις να είναι δύο είδους: καλές και κακές. Κάντε τις κακές προβλέψεις να χρωματίζονται με κόκκινο χρώμα, και τις καλές - με πράσινο.