»
EnglishFrenchVietnamese

Print - XO Game - JavaScriptBank.com

Full version: jsB@nk » Game » Tic tac toe » XO Game
URL: https://www.javascriptbank.com/xo.html

XO Game © JavaScriptBank.comThis is a different tic-tac-toe game.

Full version: jsB@nk » Game » Tic tac toe » XO Game
URL: https://www.javascriptbank.com/xo.html



CSS
<STYLE type=Text/CSS>INPUT {}.blokje {FONT-WEIGHT: 900; FONT-SIZE: 16pt; WIDTH: 48px; FONT-FAMILY: Comic Sans MS,Arial,Verdana; HEIGHT: 48px; TEXT-ALIGN: center}.knopje {WIDTH: 144px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript><!--//timerID = xtal = ytal = ztal = auto = 0;wie = 'Player 1';function initieer(){clearTimeout(timerID);cel = new Array(0,0,0,0,0,0,0,0,0,0);aanv = new Array(); strat = verd = leeg = aanv;beurt = wissel = 1; wint = keren = 0;document.forms[0].speler1.value = xtal;document.forms[0].speler2.value = ytal;document.forms[0].remise.value = ztal;if (wie != 'Start') {for (i in cel) {cel[i] = 0; if (i > 0) {document.forms[0].elements[i].value = ''};}}document.forms[0].beurten.value = wie;}function zetten() {    clearTimeout(timerID);    if (aanv[0] > 0) {slag = aanv[Math.floor(Math.random() * 10) % aanv.length]    } else if (verd[0] > 0) {slag = verd[Math.floor(Math.random() * 10) % verd.length];    } else if (strat[0] > 0) {slag = strat[Math.floor(Math.random() * 10) % strat.length];    } else {slag = leeg[Math.floor(Math.random() * 10) % leeg.length];    }    if (beurt == 0 && slag > 0) {document.forms[0].elements[slag].click()};}function win() {  if (cel[1] + cel[2] + cel[3] == 3 ||cel[4] + cel[5] + cel[6] == 3 ||cel[7] + cel[8] + cel[9] == 3 ||cel[1] + cel[4] + cel[7] == 3 ||cel[2] + cel[5] + cel[8] == 3 ||cel[3] + cel[6] + cel[9] == 3 ||cel[1] + cel[5] + cel[9] == 3 ||cel[3] + cel[5] + cel[7] == 3      ) {if (confirm("Player 1: You win !!!\nDo you want to play again?")) {wint = 1;xtal++; wie = 'Player 1'; timerID = setTimeout('initieer()',800)} else {xtal++; wie = 'Start'; timerID = setTimeout('initieer()',800)};    }    if (cel[1] + cel[2] + cel[3] == 30 ||cel[4] + cel[5] + cel[6] == 30 ||cel[7] + cel[8] + cel[9] == 30 ||cel[1] + cel[4] + cel[7] == 30 ||cel[2] + cel[5] + cel[8] == 30 ||cel[3] + cel[6] + cel[9] == 30 ||cel[1] + cel[5] + cel[9] == 30 ||cel[3] + cel[5] + cel[7] == 30     ) {if (confirm(((auto == 1) ? ('Computer wins, sorry') : ('Player 2: You win !!')) + "!\nDo you want to play again?")) {ytal++; wie = 'Player 1'; timerID = setTimeout('initieer()',800)} else {ytal++; wie = 'Start'; timerID = setTimeout('initieer()',800)};   } }function wisselen(beurt){  if (wissel == 1)  {    if (beurt == 0) {        beurt = 1;        wie = "Player " + 1    }    else {        if (auto == 0) {beurt = 0;wie = "Player " + 2} else {beurt = 0; wie = "Computer";}    }      if (keren == 9     ) {if (confirm("Remise!!!\n\nDo you want to play again?")) {ztal++; wie = 'Player 1'; timerID = setTimeout('initieer()',800)} else{ztal++; wie = 'Start'; timerID = setTimeout('initieer()',800)};      }  }  else {    beurt = beurt;  }  wissel = 1;  return(beurt);}function wijziging(klik) {plek = cel[klik]; geklikt = klik;if (plek == 0){   if (beurt == 0){xo = "O";plek = 10;   } else {xo = "X";plek = 1;   }cel[klik] = plek; keren++;}else {   if (plek == 10){       xo = "O";}   if (plek == 1){       xo = "X";}   wissel = 0}return(xo);}function verdedig() {leeg = new Array(); verd = new Array();for (i = 1; i < 10; i++) { oud = cel[i]; cel[i] = 1;  if ( (cel[1] + cel[2] + cel[3] == 3 ||cel[4] + cel[5] + cel[6] == 3 ||        cel[7] + cel[8] + cel[9] == 3 ||        cel[1] + cel[4] + cel[7] == 3 ||        cel[2] + cel[5] + cel[8] == 3 ||        cel[3] + cel[6] + cel[9] == 3 ||        cel[1] + cel[5] + cel[9] == 3 ||        cel[3] + cel[5] + cel[7] == 3) && oud == 0     ) { verd[verd.length] = i}   cel[i] = oud;    if (cel[i] == 0) {   if (keren != 1) {leeg[leeg.length] = i} else    if (cel[5] == 0) {leeg[0] = 5; leeg[1] = 10 - geklikt} else    if (i % 2 != 0) {leeg[leeg.length] = i}   };}}function aanval() {aanv = new Array();for (i = 1; i < 10; i++) { oud = cel[i]; cel[i] = 10;  if ( (cel[1] + cel[2] + cel[3] == 30 ||cel[4] + cel[5] + cel[6] == 30 ||        cel[7] + cel[8] + cel[9] == 30 ||        cel[1] + cel[4] + cel[7] == 30 ||        cel[2] + cel[5] + cel[8] == 30 ||        cel[3] + cel[6] + cel[9] == 30 ||        cel[1] + cel[5] + cel[9] == 30 ||        cel[3] + cel[5] + cel[7] == 30) && oud == 0     ) { aanv[aanv.length] = i}cel[i] = oud;}}function strategie() {strat = new Array();for (i = 1; i < 10; i++) { oud = cel[i]; cel[i] = 10;  if ( (cel[1] + cel[2] + cel[3] == 20 ||cel[4] + cel[5] + cel[6] == 20 ||        cel[7] + cel[8] + cel[9] == 20 ||        cel[1] + cel[4] + cel[7] == 20 ||        cel[2] + cel[5] + cel[8] == 20 ||        cel[3] + cel[6] + cel[9] == 20 ||        cel[1] + cel[5] + cel[9] == 20 ||        cel[3] + cel[5] + cel[7] == 20) && oud == 0     ) {      if (keren != 3) {strat[strat.length] = i} else if (i % 2 != 0) {strat[strat.length] = i}     }cel[i] = oud;}}function wijzig(form,element){    wijziging(element.name);    element.value = xo;    beurt = wisselen(beurt);    form.beurten.value = wie;    verdedig(); aanval(); strategie(); win();     if (auto == 0 || wint == 1) {return} else {    timerID = setTimeout('zetten()',600)    }}initieer();//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM><INPUT class=knopje title="Click here to play again" onclick="wie = 'Player 1'; initieer()" type=button value="Player 1" name=beurten Width="164px"><TABLE cellSpacing=0 cellPadding=0 border=0>  <CAPTION>  <SCRIPT language=JavaScript><!--//for (i = 1; i < 10; i++) {if (i % 3 == 1) {document.write('<Tr>');}document.write('<Td><Input Type="Button" Name="' + i + '" Value="    " Class="blokje" onClick="wijzig(this.form,this)"></Td>');if (i % 3 == 0) {document.write('</Tr>');}}//-->  </SCRIPT>  </CAPTION>  <TBODY>  <TR>    <TD></TD></TR></TBODY></TABLE>    <INPUT id=autmat title="Click here to change from 2 players or computergame" onclick="if (this.value == 'Computer') {this.value = '2 players'; auto = 0} else {this.value = 'Computer'; auto = 1}; wie = 'Player 1'; initieer();" type=checkbox value="2 players" name=automaat><LABEL for=autmat>against the computer</LABEL><TABLE cellSpacing=0 cellPadding=0 border=1>  <TBODY>  <TR bgColor=#c0c0c0>    <TD align=middle>Player 1&nbsp;</TD>    <TD align=middle>Player 2&nbsp;</TD>    <TD align=middle>Remise&nbsp;</TD></TR>  <TR bgColor=#c0c0c0>    <TD align=middle><INPUT title="Player 1"       style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center"       readOnly size=3 value=0 name=speler1></TD>    <TD align=middle><INPUT title="Player 2"       style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center"       readOnly size=3 value=0 name=speler2></TD>    <TD align=middle><INPUT title=Remise       style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center"       readOnly size=3 value=0 name=remise></TD></TR></TBODY></TABLE>      </FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->