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 szabby48@gmail.com 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 <html> <head> <script type="text/javascript" src="kpo.js"></script> <link rel="stylesheet" href="style.css"> </head> <body onload="uj_jatek()"> <center> <b id=c>kő, PAPÍR, OLLÓ</b> <table> <tr> <img src="kerdojel.png" id="k1"> <td> <input type="radio" id="ko" onclick="j_tipp(1);"><b id="ko1">kő</b>
<input type="radio" id="pa" onclick="j_tipp(2);"><b id="pa1">papír</b> <input type="radio" id="ol" onclick="j_tipp(3);"><b id="ol1">olló</b> </td> </tr> <tr> <input type="text" id="gep"><b id="gep1">gép pontjai</b> <input type="button" id="nullaz" value="nulláz" onclick="nullaz();"> <input type="text" id="te"><b id="te1">játékos pontjai</b> </tr> <tr> <td> <img src="kerdojel.png" id="k2"></td> <td> <img src="gomb1.png" id="gomb1" onclick="g_tipp();"> <img src="gomb2.png" id="gomb2" onclick="uj_jatek();"> </td> </tr> <tr> <input type="text" id="szoveg"> </tr> </table> </body> </html> 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; case 2:document.getElementById("k1").src="papir.png"; z=2; case 3:document.getElementById("k1").src="ollo.png"; z=3; 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"; case 2:document.getElementById("k2").src="papir.png"; case 3:document.getElementById("k2").src="ollo.png"; 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()
x=0; z=0; y=0; document.getelementbyid("ko").disabled=false; document.getelementbyid("pa").disabled=false; document.getelementbyid("ol").disabled=false; document.getelementbyid("k1").src="kerdojel.png"; document.getelementbyid("k2").src="kerdojel.png"; document.getelementbyid("szoveg").value=""; function nullaz() te=0; gep=0; document.getelementbyid("gep").value=""; document.getelementbyid("te").value=""; Style.ccs: body background-image: url(kozep.png); #c color:green; font-size:40; #k1 top:70px; left:280px; #k2 top:70px; left:550px; #szoveg background: green; text-align: center; font-size: 20;
top:330px; left:340px; width:360px; #ko top:440px; left:450px; #ko1 top:460px; left:450px; #pa top:440px; left:505px; #pa1 top:460px; left:500px; #ol top:440px; left:560px; #ol1 top:460px; left:560px; #gomb1
top:500px; left:380px; #gomb2 top:500px; left:540px; #te top:400px; left:300px; #te1 top:380px; left:320px; #gep top:400px; left:600px; #gep1 top:380px; left:630px; #nullaz top:400px; left:480px;
Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.