Tovuti ya Utabiri wa Bahati kwa kutumia JavaScript

Sasa tutatengeneza tovuti ambayo itatoa utabiri wa bahati. Acha kwenye tovuti hii kuwe na kifungo, ubonyeze ambapo itaanzisha timer, ambayo kila 0.1 sekunde itaonyesha kwenye div nambari ya bahati nasibu kutoka 1 hadi kiwango cha juu fulani.

Chini ya div acha kuwe na kifungo kingine, ubonyeze ambayo mtumiaji wa tovuti yetu anaweza kusimamisha timer na kukusanya nambari fulani kwenye div. Nambari hii itakuwa nambari ya utabiri wa bahati. Baada ya hapa, mwonyeshe mtumiaji utabiri wa bahati wenye nambari hii, na uondoe vifungo visivyohitajika kwenye skrini, ili mtumiaji asipate utabiri mwingine wa bahati. Hii inamaanisha kwa ziara moja kwenye tovuti - utabiri mmoja wa bahati.

Hapa kuna kielelezo cha kinachopaswa kupatikana:

Hapa kuna markup unaoweza kutumia wakati wa kutatua tatizo:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">jua bahati yako</button>
	<button id="stop">pata utabiri</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;
}

Fikiria jua bora ya kuhifadhi utabiri wa bahati.

Tekeleza tovuti iliyoelezewa.

Fanya ili utabiri wa bahati uwe wa aina mbili: nzuri na mbaya. Fanya ili mbaya upakwe rangi nyekundu, na nzuri - kwenye kijani.