Vorhersage-Website mit JavaScript

Jetzt werden wir eine Website erstellen, die Vorhersagen ausgibt. Auf dieser Website soll es einen Button geben, bei dessen Klick ein Timer startet, der alle 0.1 Sekunden eine Zufallszahl von 1 bis zu einem bestimmten Maximum in ein div ausgibt.

Unter dem div soll sich ein weiterer Button befinden, bei dessen Klick der Benutzer unserer Website den Timer anhalten und eine bestimmte Zahl im div festlegen kann. Diese Zahl wird die Nummer der Vorhersage sein. Danach zeigen Sie dem Benutzer die Vorhersage mit dieser Nummer an und entfernen Sie alle überflüssigen Buttons vom Bildschirm, damit der Benutzer nicht eine weitere Vorhersage erhalten kann. Das heißt, pro Besuch auf der Website - eine Vorhersage.

Hier ist ein Beispiel, wie das Ergebnis aussehen sollte:

Hier ist das Markup, das Sie bei der Lösung der Aufgabe verwenden können:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">Schicksal erfahren</button>
	<button id="stop">Vorhersage erhalten</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;
}

Überlegen Sie, wie es am bequemsten ist, die Vorhersagen zu speichern.

Implementieren Sie die beschriebene Website.

Sorgen Sie dafür, dass es zwei Arten von Vorhersagen gibt: gute und schlechte. Sorgen Sie dafür, dass schlechte Vorhersagen rot eingefärbt werden und gute - in grün.