Voorspellingswebwerf op JavaScript

Tans sal ons 'n webwerf maak wat voorspellings sal gee. Laat daar op hierdie webwerf 'n knoppie wees, waarop wanneer daar gedruk word, 'n timer sal begin, wat elke 0.1 sekondes in 'n of ander div 'n ewekansige getal van 1 tot 'n sekere maksimum sal toon.

Onder die div laat daar 'n ander knoppie wees, waarop wanneer daar gedruk word die gebruiker van ons webwerf kan die timer stop en 'n sekere getal in die div vasstel. Hierdie getal sal die voorspellingnommer wees. Daarna wys die gebruiker die voorspelling met hierdie nommer, en verwyder alle oortollige knoppies van die skerm, sodat die gebruiker nie nog 'n voorspelling kan kry nie. Dit wil sê vir een keer op die webwerf - een voorspelling.

Hier is 'n voorbeeld van wat behoort te gebeur:

Hier is die opmaak wat jy kan gebruik by die oplossing van die probleem:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">verneem jou lot</button>
	<button id="stop">kry voorspelling</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;
}

Oorweeg hoe dit makliker is om voorspellings te stoor.

Implementeer die beskryfde webwerf.

Sorg dat voorspellings van twee tipes is: goeie en slegte. Sorg dat slegte in rooi kleur gemaak word, en goeie - in groen.