Witam,
Mam z problem z napisaniem losującej ruletki w js/html
Chciałbym napisać coś na zasadzie "karuzeli"
Mam 15 obrazów w .png (każde 1500x100px podzielone na 15 kwadratów 100x100px, 7 czerwonych z naprzemiennie 7 czarnymi a po środku kolor zielony) z które jeśli puścimy w slajdach zaprezentują nam lecący pasek 1500x100px z kolejno kolorowymi kwadratami
Chcę aby użytkownik został zapytany o możliwy wylosowany kolor, po naciśnięciu guzika start rozpoczęło się losowanie i by losowanie doleciało do momentu aż na samym środku będzie znajdował się (zaznaczony odgórnie strzałką) wylosowany kolor (kolor czerwony to od 1-7 kolor czarny 8-14 a kolor zielony to 0)
Na samym końcu wyskakuje alert brawo wygrałeś lub niestety przegrałeś
Nie proszę z góry o gotowy skrypt lecz o pomoc jak wgl rozpisać te losowanie w pętli
Oto co jak na razie mam:
<body>
<img src="ruletka1.jpg" id="losowanie"
<script type="text/javascript">
window.onload = dzialaj;
var a=Math.round(Math.random()*(15-1)+1)
var licznik=0;
function dzialaj(){
var tablicaruletka = new
Array("ruletka0,png","ruletka1.png","ruletka2.png","ruletka3.png","ruletka4.png","ruletka5.png","ruletka6.png","ruletka7.png","ruletka8.png","ruletka9.png","ruletka10.png","ruletka11.png","ruletka12.png","ruletka13.png","ruletka14.png");
while (licznik<a) {
document.getElementById("losowanie").src = tablicaruletka[licznik];
licznik++;
}
setTimeout(dzialaj, 5 * 100);
}
</script>
</body>
</html>
W screenie załączam mój skrypt