Sabtu, 14 Maret 2015

Game XOX

Game XOX
Top-Left Top-Center Top-Right
Middle-Left Middle-Center Middle-Right
Bottom-Left Bottom-Center Bottom-Right
Kamu
Komputer
Seri

XOX

Jika kalian pernah memainkannya berarti masa kecil kalian bahagia... :D

Source Code :
<html>
<head>
<title>XOX</title>
<style type="text/css">
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var o = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgA2KlsDFsQziZli1y2jf2hBIU3jpXGiSraJqaRinGE0s8wTNO29IYRx9GTMxb1jOfDaEoj5DvMKz2y7-L4DLGh9gRzdL9qA8INKWLJwCYvZ2tByKV3_sHGmvd_uxC5aOdJlFgjTwHgE/s1600/o.jpg";
var x = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDGwmpAodZdCNkB62DNLD8cNlKbzx0HMOAc-oze0jBL8-njxER9WRFfDRkhHWoTEDrmwqktj855YEqCjTkwHGF_szSYyizxhlFplpcN7Cc0eBPS6EiSrHbqvHYcXgjfUrJyJKg9uSOT3Q/s1600/x.jpg";
var blank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";

var pause = 0;
var all = 0;
var a = 0;
var b = 0;
var c = 0;
var d = 0;
var e = 0;
var f = 0;
var g = 0;
var h = 0;
var i = 0;
var temp="";
var ok = 0;
var cf = 0;
var choice=9;
var aRandomNumber = 0;
var comp = 0;
var t = 0;
var wn = 0;
var ls = 0;
var ts = 0;
function help() {
alert("Selamat Datang.. Disini kamu bermain sebagai X sedangkan komputer sebagai O,, Pilih kotak kosong mana yang kamu inginkan dan kamu akan dapatkan X dengan mengekliknya.. usahakan sejajar 3 baris agar kamu bisa memenangkan permainannya... Smoga berhasil Yo rek.... !!")
}
function logicOne() {
if ((a==1)&&(b==1)&&(c==1)) all=1;
if ((a==1)&&(d==1)&&(g==1)) all=1;
if ((a==1)&&(e==1)&&(i==1)) all=1;
if ((b==1)&&(e==1)&&(h==1)) all=1;
if ((d==1)&&(e==1)&&(f==1)) all=1;
if ((g==1)&&(h==1)&&(i==1)) all=1;
if ((c==1)&&(f==1)&&(i==1)) all=1;
if ((g==1)&&(e==1)&&(c==1)) all=1;
if ((a==2)&&(b==2)&&(c==2)) all=2;
if ((a==2)&&(d==2)&&(g==2)) all=2;
if ((a==2)&&(e==2)&&(i==2)) all=2;
if ((b==2)&&(e==2)&&(h==2)) all=2;
if ((d==2)&&(e==2)&&(f==2)) all=2;
if ((g==2)&&(h==2)&&(i==2)) all=2;
if ((c==2)&&(f==2)&&(i==2)) all=2;
if ((g==2)&&(e==2)&&(c==2)) all=2;
if ((a != 0)&&(b != 0)&&(c != 0)&&(d != 0)&&(e != 0)&&(f != 0)&&(g != 0)&&(h != 0)&&(i != 0)&&(all == 0)) all = 3;
}
function logicTwo() {
if ((a==2)&&(b==2)&&(c== 0)&&(temp=="")) temp="C";
if ((a==2)&&(b== 0)&&(c==2)&&(temp=="")) temp="B";
if ((a== 0)&&(b==2)&&(c==2)&&(temp=="")) temp="A";
if ((a==2)&&(d==2)&&(g== 0)&&(temp=="")) temp="G";
if ((a==2)&&(d== 0)&&(g==2)&&(temp=="")) temp="D";
if ((a== 0)&&(d==2)&&(g==2)&&(temp=="")) temp="A";
if ((a==2)&&(e==2)&&(i== 0)&&(temp=="")) temp="I";
if ((a==2)&&(e== 0)&&(i==2)&&(temp=="")) temp="E";
if ((a== 0)&&(e==2)&&(i==2)&&(temp=="")) temp="A";
if ((b==2)&&(e==2)&&(h== 0)&&(temp=="")) temp="H";
if ((b==2)&&(e== 0)&&(h==2)&&(temp=="")) temp="E";
if ((b== 0)&&(e==2)&&(h==2)&&(temp=="")) temp="B";
if ((d==2)&&(e==2)&&(f== 0)&&(temp=="")) temp="F";
if ((d==2)&&(e== 0)&&(f==2)&&(temp=="")) temp="E";
if ((d== 0)&&(e==2)&&(f==2)&&(temp=="")) temp="D";
if ((g==2)&&(h==2)&&(i== 0)&&(temp=="")) temp="I";
if ((g==2)&&(h== 0)&&(i==2)&&(temp=="")) temp="H";
if ((g== 0)&&(h==2)&&(i==2)&&(temp=="")) temp="G";
if ((c==2)&&(f==2)&&(i== 0)&&(temp=="")) temp="I";
if ((c==2)&&(f== 0)&&(i==2)&&(temp=="")) temp="F";
if ((c== 0)&&(f==2)&&(i==2)&&(temp=="")) temp="C";
if ((g==2)&&(e==2)&&(c== 0)&&(temp=="")) temp="C";
if ((g==2)&&(e== 0)&&(c==2)&&(temp=="")) temp="E";
if ((g== 0)&&(e==2)&&(c==2)&&(temp=="")) temp="G";
}
function logicThree() {
if ((a==1)&&(b==1)&&(c==0)&&(temp=="")) temp="C";
if ((a==1)&&(b==0)&&(c==1)&&(temp=="")) temp="B";
if ((a==0)&&(b==1)&&(c==1)&&(temp=="")) temp="A";
if ((a==1)&&(d==1)&&(g==0)&&(temp=="")) temp="G";
if ((a==1)&&(d==0)&&(g==1)&&(temp=="")) temp="D";
if ((a==0)&&(d==1)&&(g==1)&&(temp=="")) temp="A";
if ((a==1)&&(e==1)&&(i==0)&&(temp=="")) temp="I";
if ((a==1)&&(e==0)&&(i==1)&&(temp=="")) temp="E";
if ((a==0)&&(e==1)&&(i==1)&&(temp=="")) temp="A";
if ((b==1)&&(e==1)&&(h==0)&&(temp=="")) temp="H";
if ((b==1)&&(e==0)&&(h==1)&&(temp=="")) temp="E";
if ((b==0)&&(e==1)&&(h==1)&&(temp=="")) temp="B";
if ((d==1)&&(e==1)&&(f==0)&&(temp=="")) temp="F";
if ((d==1)&&(e==0)&&(f==1)&&(temp=="")) temp="E";
if ((d==0)&&(e==1)&&(f==1)&&(temp=="")) temp="D";
if ((g==1)&&(h==1)&&(i==0)&&(temp=="")) temp="I";
if ((g==1)&&(h==0)&&(i==1)&&(temp=="")) temp="H";
if ((g==0)&&(h==1)&&(i==1)&&(temp=="")) temp="G";
if ((c==1)&&(f==1)&&(i==0)&&(temp=="")) temp="I";
if ((c==1)&&(f==0)&&(i==1)&&(temp=="")) temp="F";
if ((c==0)&&(f==1)&&(i==1)&&(temp=="")) temp="C";
if ((g==1)&&(e==1)&&(c==0)&&(temp=="")) temp="C";
if ((g==1)&&(e==0)&&(c==1)&&(temp=="")) temp="E";
if ((g==0)&&(e==1)&&(c==1)&&(temp=="")) temp="G";
}
function clearOut() {
document.game.you.value="0";
document.game.computer.value="0";
document.game.ties.value="0";
}
function checkSpace() {
if ((temp=="A")&&(a==0)) {
ok=1;
if (cf==0) a=1;
if (cf==1) a=2;
}
if ((temp=="B")&&(b==0)) {
ok=1;
if (cf==0) b=1;
if (cf==1) b=2;
}
if ((temp=="C")&&(c==0)) {
ok=1;
if (cf==0) c=1;
if (cf==1) c=2;
}
if ((temp=="D")&&(d==0)) {
ok=1;
if (cf==0) d=1;
if (cf==1) d=2;
}
if ((temp=="E")&&(e==0)) {
ok=1;
if (cf==0) e=1;
if (cf==1) e=2;
}
if ((temp=="F")&&(f==0)) {
ok=1
if (cf==0) f=1;
if (cf==1) f=2;
}
if ((temp=="G")&&(g==0)) {
ok=1
if (cf==0) g=1;
if (cf==1) g=2;
}
if ((temp=="H")&&(h==0)) {
ok=1;
if (cf==0) h=1;
if (cf==1) h=2;
}
if ((temp=="I")&&(i==0)) {
ok=1;
if (cf==0) i=1;
if (cf==1) i=2;
}
}
function yourChoice(chName) {
pause = 0;
if (all!=0) ended();
if (all==0) {
cf = 0;
ok = 0;
temp=chName;
checkSpace();
if (ok==1) {
document.images[chName].src = x;
}
if (ok==0)taken();
process();
if ((all==0)&&(pause==0)) myChoice();
}
}
function taken() {
alert("Sudah Dipilih gaes... pilih yang laen.")
pause=1;
}
function myChoice() {
temp="";
ok = 0;
cf=1;
logicTwo();
logicThree();
checkSpace();
while(ok==0) {
aRandomNumber=Math.random()
comp=Math.round((choice-1)*aRandomNumber)+1;
if (comp==1) temp="A";
if (comp==2) temp="B";
if (comp==3) temp="C";
if (comp==4) temp="D";
if (comp==5) temp="E";
if (comp==6) temp="F";
if (comp==7) temp="G";
if (comp==8) temp="H";
if (comp==9) temp="I";
checkSpace();
}
document.images[temp].src= o;
process();
}
function ended() {
alert("Game nya udah selesai gaes.... klik tombol mulai lagi untuk bermain ... !!")
}
function process() {
logicOne();
if (all==1){ alert("Kamu menang Gaes.... kamu kok pinter....!!"); wn++; }
if (all==2){ alert("Kamu Kalah gaes... Makan mi ayam dulu sana..!!!"); ls++; }
if (all==3){ alert("Kita seri gaes.. mungkin kita jodoh..."); ts++; }
if (all!=0) {
document.game.you.value = wn;
document.game.computer.value = ls;
document.game.ties.value = ts;
}
}
function playAgain() {
if (all==0) {
if(confirm("Kamu akan merestart game gaes... kamu yakin ??")) reset();
}
if (all>0) reset();
}
function reset() {
all = 0;
a = 0;
b = 0;
c = 0;
d = 0;
e = 0;
f = 0;
g = 0;
h = 0;
i = 0;
temp="";
ok = 0;
cf = 0;
choice=9;
aRandomNumber = 0;
comp = 0;
document.images.A.src= blank;
document.images.B.src= blank;
document.images.C.src= blank;
document.images.D.src= blank;
document.images.E.src= blank;
document.images.F.src= blank;
document.images.G.src= blank;
document.images.H.src= blank;
document.images.I.src= blank;
if (t==0) { t=2; myChoice(); }
t--;
}
// End -->
</script>


</head>





<body>




<center>
<form name=game>
<table border=0>
<td>
<table border=1>
<tr>
<td><a href="javascript:yourChoice('A')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=A alt="Top-Left"></a></td>

<td><a href="javascript:yourChoice('B')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=B alt="Top-Center"></a></td>

<td><a href="javascript:yourChoice('C')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=C alt="Top-Right"></a></td>

</tr>


<tr>
<td><a href="javascript:yourChoice('D')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=D alt="Middle-Left"></a></td>

<td><a href="javascript:yourChoice('E')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=E alt="Middle-Center"></a></td>

<td><a href="javascript:yourChoice('F')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=F alt="Middle-Right"></a></td>

</tr>


<tr>
<td><a href="javascript:yourChoice('G')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=G alt="Bottom-Left"></a></td>

<td><a href="javascript:yourChoice('H')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=H alt="Bottom-Center"></a></td>

<td><a href="javascript:yourChoice('I')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNopCbFylDimIE0wotRuZGc2MHALgMLseqgIZfXYtb0urVj6AIlhOtMNkTHPC9_84eAfZDmksGJurwa_u-8vH9LOBDgUdRdRociUyl62Q0DWBCs1BbJtUmyIXM5QoTsIZ-FDcOHJgsWJE/s1600/blank.jpg";
border=0 height=100 width=100 name=I alt="Bottom-Right"></a></td>

</tr>


</table>
</td>
<td>
<table>
<tr><td><input type=text size=5 name=you></td><td><p class = "bold">Kamu</p></td></tr>
<tr><td><input type=text size=5 name=computer></td><td><p class = "bold">Komputer</p></td></tr>
<tr><td><input type=text size=5 name=ties></td><td><p class = "bold">Seri</p></td></tr>
</table>
</td>
</table>
<input type=button value="Mulai Lagi" onClick="playAgain();">

<input type=button value="Bantuan" onClick="help();">
</form>
<br><h1><p class = "italic">XOX</p></h1>
<p class = "oblique">Jika kalian pernah memainkannya berarti masa kecil kalian bahagia... :D</p>

</center>





</body>
</html>