[TicTacToe]

TIC-TAC-TOE




Spieleklassiker

[zwischen <HEAD> und </HEAD>]

<style type="text/css">
@import url(style1.css);
</style>

<script language="JavaScript">
bild_leer = new Image();
bild_leer.src = "img/pic_.gif";
bild_x = new Image();
bild_x.src = "img/pic_x.gif";
bild_o = new Image();
bild_o.src = "img/pic_o.gif";
var win_plyr = 0;
var win_comp = 0;
var AnzGam = false;
var _enabled = false;
var lab = false;
var _TIME = 1500;

function init() {
_enabled = false;

AnzGam = true;

var ausg1 = "Ihre gewonnen Spiele   : " + win_plyr;
var ausg2 = "Meine gewonnenen Spiele: " + win_comp;
_P1.innerHTML = "<font size='3' color='#FFFFFF'>" + ausg1 + "<br>" + ausg2 + "</font>";
_P2.innerHTML = " ";
document.form1.P1.src= bild_leer.src;
document.form1.P2.src= bild_leer.src;
document.form1.P3.src= bild_leer.src;
document.form1.P4.src= bild_leer.src;
document.form1.P5.src= bild_leer.src;
document.form1.P6.src= bild_leer.src;
document.form1.P7.src= bild_leer.src;
document.form1.P8.src= bild_leer.src;
document.form1.P9.src= bild_leer.src;
if(lab) { dr(0); };
};

function dr(was) {
if(_enabled) { return 0; };

if(dr != 0) {
switch(was) {
case 1:
if( document.form1.P1.src != bild_leer.src ) { return 0; }; break;
case 2:
if( document.form1.P2.src != bild_leer.src ) { return 0; }; break;
case 3:
if( document.form1.P3.src != bild_leer.src ) { return 0; }; break;
case 4:
if( document.form1.P4.src != bild_leer.src ) { return 0; }; break;
case 5:
if( document.form1.P5.src != bild_leer.src ) { return 0; }; break;
case 6:
if( document.form1.P6.src != bild_leer.src ) { return 0; }; break;
case 7:
if( document.form1.P7.src != bild_leer.src ) { return 0; }; break;
case 8:
if( document.form1.P8.src != bild_leer.src ) { return 0; }; break;
case 9:
if( document.form1.P9.src != bild_leer.src ) { return 0; }; break;
};

switch(was) {
case 1:
document.form1.P1.src = bild_x.src; break;
case 2:
document.form1.P2.src = bild_x.src; break;
case 3:
document.form1.P3.src = bild_x.src; break;
case 4:
document.form1.P4.src = bild_x.src; break;
case 5:
document.form1.P5.src = bild_x.src; break;
case 6:
document.form1.P6.src = bild_x.src; break;
case 7:
document.form1.P7.src = bild_x.src; break;
case 8:
document.form1.P8.src = bild_x.src; break;
case 9:
document.form1.P9.src = bild_x.src; break;
};

if( winner(bild_x.src) ) { return 0; };

};

var l = new Array(9);
l[1] = document.form1.P1.src;
l[2] = document.form1.P2.src;
l[3] = document.form1.P3.src;
l[4] = document.form1.P4.src;
l[5] = document.form1.P5.src;
l[6] = document.form1.P6.src;
l[7] = document.form1.P7.src;
l[8] = document.form1.P8.src;
l[9] = document.form1.P9.src;

var where = 0;
var le = bild_leer.src;

for(zeich = 0; zeich < 2; ++zeich) {
if(zeich == 0) { var b = bild_x.src; } else { var b = bild_o.src; };

if( (l[1] == b)&&(l[2] == b)&&(l[3] == le) ) { var where = 3; };
if( (l[1] == b)&&(l[2] == le)&&(l[3] == b) ) { var where = 2; };
if( (l[1] == le)&&(l[2] == b)&&(l[3] == b) ) { var where = 1; };

if( (l[4] == b)&&(l[5] == b)&&(l[6] == le) ) { var where = 6; };
if( (l[4] == b)&&(l[5] == le)&&(l[6] == b) ) { var where = 5; };
if( (l[4] == le)&&(l[5] == b)&&(l[6] == b) ) { var where = 4; };

if( (l[7] == b)&&(l[8] == b)&&(l[9] == le) ) { var where = 9; };
if( (l[7] == b)&&(l[8] == le)&&(l[9] == b) ) { var where = 8; };
if( (l[7] == le)&&(l[8] == b)&&(l[9] == b) ) { var where = 7; };

if( (l[1] == b)&&(l[4] == b)&&(l[7] == le) ) { var where = 7; };
if( (l[1] == b)&&(l[4] == le)&&(l[7] == b) ) { var where = 4; };
if( (l[1] == le)&&(l[4] == b)&&(l[7] == b) ) { var where = 1; };

if( (l[2] == b)&&(l[5] == b)&&(l[8] == le) ) { var where = 8; };
if( (l[2] == b)&&(l[5] == le)&&(l[8] == b) ) { var where = 5; };
if( (l[2] == le)&&(l[5] == b)&&(l[8] == b) ) { var where = 2; };

if( (l[3] == b)&&(l[6] == b)&&(l[9] == le) ) { var where = 9; };
if( (l[3] == b)&&(l[6] == le)&&(l[9] == b) ) { var where = 6; };
if( (l[3] == le)&&(l[6] == b)&&(l[9] == b) ) { var where = 3; };

if( (l[1] == b)&&(l[5] == b)&&(l[9] == le) ) { var where = 9; };
if( (l[1] == b)&&(l[5] == le)&&(l[9] == b) ) { var where = 5; };
if( (l[1] == le)&&(l[5] == b)&&(l[9] == b) ) { var where = 1; };

if( (l[3] == b)&&(l[5] == b)&&(l[7] == le) ) { var where = 7; };
if( (l[3] == b)&&(l[5] == le)&&(l[7] == b) ) { var where = 5; };
if( (l[3] == le)&&(l[5] == b)&&(l[7] == b) ) { var where = 3; };
};

while(where == 0) {
where = Math.round(Math.random() * 9);
if(l[where] != le) { where = 0; };
};

switch(where) {
case 1:
document.form1.P1.src = bild_o.src;
break;
case 2:
document.form1.P2.src = bild_o.src;
break;
case 3:
document.form1.P3.src = bild_o.src;
break;
case 4:
document.form1.P4.src = bild_o.src;
break;
case 5:
document.form1.P5.src = bild_o.src;
break;
case 6:
document.form1.P6.src = bild_o.src;
break;
case 7:
document.form1.P7.src = bild_o.src;
break;
case 8:
document.form1.P8.src = bild_o.src;
break;
case 9:
document.form1.P9.src = bild_o.src;
break;
};
if( winner(bild_o.src) ) { return 0;};
}

function winner(z) {

var l = new Array(9);
l[1] = document.form1.P1.src;
l[2] = document.form1.P2.src;
l[3] = document.form1.P3.src;
l[4] = document.form1.P4.src;
l[5] = document.form1.P5.src;
l[6] = document.form1.P6.src;
l[7] = document.form1.P7.src;
l[8] = document.form1.P8.src;
l[9] = document.form1.P9.src;
var winner = false;
var j;

for( j = 1; j < 4; ++j) {
if( (l[j * 3] == z)&&(l[j * 3 - 1] == z)&&(l[j * 3 - 2] == z) ) { winner = true;};
if( (l[j] == z)&&(l[j + 3] == z)&&(l[j + 6] == z) ) { winner = true;};
};
if( (l[1] ==z )&&(l[5] == z )&&(l[9] == z ) ) { winner = true;};
if( (l[3] ==z )&&(l[5] == z )&&(l[7] == z ) ) { winner = true;};

if(winner) {
switch(z) {
case bild_x.src:
++win_plyr;
erg = "Sie haben gewonnen!";
lab = 1;
_P2.innerHTML = "<font color='#FFFFFF' size='5'>" + erg + "</font>";
_enabled  = true;
window.setTimeout("init();",_TIME);
return true;
case bild_o.src:
++win_comp;
erg = "Sie haben verloren!"
lab = false;
_enabled  = true;
_P2.innerHTML = "<font color='#FFFFFF' size='5'>" + erg + "</font>";
window.setTimeout("init();",_TIME);
return true;
};
return false;
};

var l = new Array(9);
l[1] = document.form1.P1.src;
l[2] = document.form1.P2.src;
l[3] = document.form1.P3.src;
l[4] = document.form1.P4.src;
l[5] = document.form1.P5.src;
l[6] = document.form1.P6.src;
l[7] = document.form1.P7.src;
l[8] = document.form1.P8.src;
l[9] = document.form1.P9.src;

if( (l[1] != bild_leer.src)&&(l[2] != bild_leer.src)&&(l[3] != bild_leer.src)&&(l[4] != bild_leer.src)&&(l[5] != bild_leer.src)&&(l[6] != bild_leer.src)&&(l[7] != bild_leer.src)&&(l[8] != bild_leer.src)&&(l[9] != bild_leer.src) ) {
erg = "Unentschieden!";
_enabled  = true;
_P2.innerHTML = "<font color='#FFFFFF' size='5'>" + erg + "</font>";
window.setTimeout("init();",_TIME);
return true;
}; return false;}
</script>

[in den <BODY>-Tag]

onload="javascript:init();"

[zwischen <BODY> und </BODY>]

<center>
<h1>TIC-TAC-TOE</h1>
<form name="form1">
<img src="img/pic_.gif" onclick="dr(1);" name="P1">
<img src="img/pic_.gif" onclick="dr(2);" name="P2">
<img src="img/pic_.gif" onclick="dr(3);" name="P3">
<br>
<img src="img/pic_.gif" onclick="dr(4);" name="P4">
<img src="img/pic_.gif" onclick="dr(5);" name="P5">
<img src="img/pic_.gif" onclick="dr(6);" name="P6">
<br>
<img src="img/pic_.gif" onclick="dr(7);" name="P7">
<img src="img/pic_.gif" onclick="dr(8);" name="P8">
<img src="img/pic_.gif" onclick="dr(9);" name="P9">
</form>
<br>
<p id="_P1"></p>
<p id="_P2"></p>
</center>

[Autor]

Franz Haberfellner

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 0331