5-ös lottó játék. Felhasználói dokumentáció

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 [email protected] 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 <script type="text/javascript" src="script.js">

5-ös lottó játék

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{ position:absolute; 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

{ position:absolute; top:280px; left:140px; } #ellen { position:absolute; top:280px; left:140px; } #ujjatek { position:absolute; top:280px; left:240px; } #s2 { position:absolute; 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 [email protected] e-mail címen.