Strona wróżb w JavaScript

Teraz zrobimy stronę, która będzie wyświetlać wróżby. Niech na tej stronie będzie przycisk, po naciśnięciu którego uruchomi się timer, który będzie co 0.1 sekundy wyświetlać w jakimś divie losową liczbę od 1 do pewnego maksimum.

Pod divem niech będzie inny przycisk, po naciśnięciu którego użytkownik naszej strony może zatrzymać timer i ustalić jakąś liczbę w divie. Ta liczba będzie numerem wróżby. Następnie pokaż użytkownikowi wróżbę z tym numerem, a wszystkie zbędne przyciski usuń z ekranu, aby użytkownik nie mógł otrzymać kolejnej wróżby. Czyli na jedno wejście na stronę - jedna wróżba.

Oto wzór tego, co powinno powstać:

Oto znaczniki, których możesz użyć przy rozwiązywaniu zadania:

html<div id="parent">
  <div id="timer">?</div>
  <div id="text"></div>
  <button id="start" class="active">poznaj swój los</button>
  <button id="stop">otrzymaj wróżbę</button>
</div>
css#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;
}
Задание 1

Przemyśl, jak wygodniej przechowywać wróżby.

Задание 2

Zaimplementuj opisaną stronę.

Задание 3

Zrób tak, aby wróżby były dwóch rodzajów: dobre i złe. Zrób tak, aby złe kolorowały się na czerwono, a dobre - na zielono.