წინასწარმეტყველების საიტი JavaScript-ზე

ახლა ჩვენ გავაკეთებთ საიტს, რომელიც გასცემს წინასწარმეტყველებებს. დაე, ამ საიტზე იყოს ღილაკი, რომლის დაჭერითაც გაეშვება ტაიმერი, რომელიც ყოველ 0.1 წამში გამოიტანს რაიმე div-ში შემთხვევით რიცხვს 1-დან რაღაც მაქსიმალურამდე.

div-ის ქვეშ იყოს სხვა ღილაკი, რომლის დაჭერითაც ჩვენი საიტის მომხმარებელს შეეძლება შეაჩეროს ტაიმერი და დაფიქსიროს რაღაც რიცხვი div-ში. ეს რიცხვი იქნება წინასწარმეტყველების ნომერი. ამის შემდეგ მომხმარებელს აჩვენეთ წინასწარმეტყველება ამ ნომრით, ხოლო ყველა დამატებითი ღილაკი მოაშორეთ ეკრანს, რათა მომხმარებელმა ვეღარ მიიღოს კიდევ ერთი წინასწარმეტყველება. ანუ ერთი ვიზიტი საიტზე - ერთი წინასწარმეტყველება.

აი, ნიმუში იმისა, რაც უნდა მივიღოთ:

აი, ვერსტკა, რომელიც თქვენ შეგიძლიათ გამოიყენოთ ამოცანის ამოხსნისას:

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

დაფიქრდით, როგორაა მოხერხებული წინასწარმეტყველებების შენახვა.

განახორციელეთ აღწერილი საიტი.

გახადეთ ისე, რომ წინასწარმეტყველებები იყოს ორი ტიპის: კარგი და ცუდი. გახადეთ ისე, რომ ცუდები იღებდეს წითელ ფერს, ხოლო კარგები - მწვანეს.