Сајт за предвиђања на JavaScript-у
Сада ћемо направити сајт који ће
давати предвиђања. Нека на овом сајту
постоји дугме, притиском на које ће се
покретати тајмер, који ће сваких
0.1 секунди исписувати у неки
див случајан број од 1 до одређеног
максимума.
Испод дива нека буде друго дугме, притиском на које корисник нашег сајта може да заустави тајмер и фиксира неки број у диву. Тај број ће бити број предвиђања. Након тога прикажите кориснику предвиђање са тим бројем, а сва непотребна дугмад уклоните са екрана, како корисник не би могао да добије још једно предвиђање. Односно, по једном посету сајту - једно предвиђање.
Ово је узорак онога што треба да се добије:
Ово је верстка коју можете користити при решавању задатка:
<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;
}
Размислите како је погодније чувати предвиђања.
Имплементирајте описани сајт.
Направите тако да предвиђања буду две врсте: добра и лоша. Направите тако да се лоша боје у црвену боју, а добра - у зелену.