Kő, Papír, Olló Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével Kő, Papír, Olló feladat 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 kő, papír vagy olló mezőbe kattintva tippelhetünk, a gép tippje gombra kattintva tippel a gép. A gép összeadja a pontokat. A nulláz gombbal lenullázhatjuk a pontokat. Az új játék gombra kattintva új játékot kezdhetünk. 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 Kő, Papír, Olló feladat 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: A Kő, Papír, Olló nevű program 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 -kpo.js -kerdojel.png -ko.png -papir.png -ollo.png -nullaz.png -kozep.png -hatter.png -gomb1.png -gomb2.png Bevezetett változók: x, y, z, te, gep Forráskódok: - index.html <script type="text/javascript" src="kpo.js">
KŐ, PAPÍR, OLLÓ
Kő
PapírOlló
Gép pontjaiJátékos pontjai
kpo.js file: var x=0; var gep=0; var
te=0;
function j_tipp(x) { switch (x) { case 1:document.getElementById("k1").src="ko.png"; z=1; break; case 2:document.getElementById("k1").src="papir.png"; z=2; break; case 3:document.getElementById("k1").src="ollo.png"; z=3; break; } document.getElementById("ko").disabled=true; document.getElementById("pa").disabled=true; document.getElementById("ol").disabled=true; } function g_tipp() {
y=(Math.floor(Math.random()*3))+1; switch (y) { case 1:document.getElementById("k2").src="ko.png"; break; case 2:document.getElementById("k2").src="papir.png"; break; case 3:document.getElementById("k2").src="ollo.png"; break; } if (((z==1) && (y==1)) || ((z==2) && (y==2)) || ((z==3) && (y==3))) document.getElementById("szoveg").value="Döntetlen"; if ((z==1) && (y==2)) { document.getElementById("szoveg").value="Gép nyert: A papír becsomagolja a követ"; gep++; } if ((z==1) && (y==3)) { document.getElementById("szoveg").value="Te nyertél: A kő kicsorbítja az ollót"; te++; } if ((z==2) && (y==1)) { document.getElementById("szoveg").value="Te nyertél: A papír becsomagolja a követ"; te++; } if ((z==2) && (y==3)) { document.getElementById("szoveg").value="Gép nyert: Az olló elvágja a papírt"; gep++; } if ((z==3) && (y==1)) { document.getElementById("szoveg").value="Gép nyert: A kő kicsorbítja az ollót"; gep++; } if ((z==3) && (y==2)) { document.getElementById("szoveg").value="Te nyertél: Az olló elvágja a papírt"; te++; } document.getElementById("te").value=te; document.getElementById("gep").value=gep; } function uj_jatek()