5-ös lottó játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével 5-ös lottó játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Gépigény: Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Kezelési útmutató: Indító képernyő A felső sorba adja meg a tippelt számokat. A sorsolás gombra kattintva a gép kisorsolja a számokat. Az ellenőriz gombra kattintva ellenőrizheti a találatait. Az új játék gombra kattintva kezdhet új játékot. Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.
Fejlesztői dokumentáció Feladat: Java Script és CSS segítségével 5-ös lottó játék készítése Környezet: Intel(R) Core(TM) 2 Duo CPU E8400 @ 3.00 GHz 3.01 GHz/ 3,50 GB RAM/512 MB ATI Radeon HD 4670/160GB HDD/ Windows XP/ Mozilla Firefox. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Programfejlesztői környezet: Az 5-ös lottó játék JavaScript programnyelven lett írva és HTML kód segítségével lett beágyazva majd CSS segítségével lett megformázva. Fájl lista: -index.html -style.css cript.js kép mappa: -gomb1.png -gomb2.png -kozep.png -ellenoriz.png -ujjatek.png -sorsol.png Tömbök: Függvények: -csere -ellenoriz -betesz -tippel Forráskódok: - index.html <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> </head> <body onload="csere();"> <form action="index.html" method="post"> <center> <b id="s1">5-ös lottó játék</b> <div id="bg">
<input type="text" id="k1" maxlength="2" class="sajat"> <input type="text" id="k2" maxlength="2" class="sajat"> <input type="text" id="k3" maxlength="2" class="sajat"> <input type="text" id="k4" maxlength="2" class="sajat"> <input type="text" id="k5" maxlength="2" class="sajat"> <br><br><br> <input type="text" id="a" class="sorsolt" readonly> <input type="text" id="b" class="sorsolt" readonly> <input type="text" id="c" class="sorsolt" readonly> <input type="text" id="d" class="sorsolt" readonly> <input type="text" id="e" class="sorsolt" readonly> <br><br><br> <img src="sorsol.png" onclick="betesz();" id="sors"> <img src="ellenoriz.png" onclick="ellenoriz()" id="ellen"> <INPUT TYPE="image" SRC="ujjatek.png" id="ujjatek"> <div id="eredmeny"></div> </div> </form> </body> </html> script.js: tipp=new Array(5); db=0; s=""; szamok=new Array(90); for (i=0; i<90;i++) szamok[i]=i+1; var talalat=new Array(5); for (i=0; i<5; i++) talalat[i]=0; function csere() for (i=0; i<10000; i++) x=math.floor(math.random()*90); y=math.floor(math.random()*90); sv=szamok[x]; szamok[x]=szamok[y]; szamok[y]=sv; document.getelementbyid('ellen').style.display="none"; function betesz() document.getelementbyid('a').value=szamok[0]; document.getelementbyid('b').value=szamok[1];
document.getelementbyid('c').value=szamok[2]; document.getelementbyid('d').value=szamok[3]; document.getelementbyid('e').value=szamok[4]; document.getelementbyid('a').style.background="url('gomb2.png')"; document.getelementbyid('b').style.background="url('gomb2.png')"; document.getelementbyid('c').style.background="url('gomb2.png')"; document.getelementbyid('d').style.background="url('gomb2.png')"; document.getelementbyid('e').style.background="url('gomb2.png')"; document.getelementbyid('ellen').style.display="block"; document.getelementbyid('sors').style.display="none"; document.getelementbyid('k1').disabled="disabled"; document.getelementbyid('k2').disabled="disabled"; document.getelementbyid('k3').disabled="disabled"; document.getelementbyid('k4').disabled="disabled"; document.getelementbyid('k5').disabled="disabled"; function tippel() tipp[0]=document.getelementbyid('k1').value; tipp[1]=document.getelementbyid('k2').value; tipp[2]=document.getelementbyid('k3').value; tipp[3]=document.getelementbyid('k4').value; tipp[4]=document.getelementbyid('k5').value; function ellenoriz() tippel(); //alert(tipp[0]); for (i=0; i<5;i++) for (j=0; j<5;j++) if(szamok[i]==tipp[j]) db++; talalat[db]=szamok[i]; for (i=0; i<5;i++) if (talalat[i]!=0) s=s+talalat[i]+' '; if(s=="") document.getelementbyid('eredmeny').innerhtml="nincs találat!"; else document.getelementbyid('eredmeny').innerhtml="találatok: " +s; style.ccs: body background: url('kozep.png');
color: white; font-family: Verdana; #bg top:150px; left:250px; padding: 20px; margin:20px; margin-top: 10px; width: 450px; height: 300px; background-color: #375221; float: left; -moz-border-radius: 15px;.sajat text-align: center; border: none; background: url('gomb1.png'); width: 80px; height: 80px; font-size: 20px; color: yellow;.sorsolt text-align: center; border: none; background: url('gomb2.png'); width: 80px; height: 80px; font-size: 20px; color: yellow; #s1 font-size: 50px; color: green; #ujra background-image: url('ujjatek.png'); width: 100px; height: 50px; #sors
top:280px; left:140px; #ellen top:280px; left:140px; #ujjatek top:280px; left:240px; #s2 top:300px; left:200px; color: red; font-size: 20px;
Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.