javacript uittesten
<Style>
Input{}
.blokje{Height:48px;
Width:48px;
Font-Size:16pt;
Font-Weight:900;
Font-Family:Comic Sans MS,Arial,Verdana;
Text-Align:Center;}
.knopje{Width:144px;}
</Style>
Stap 2: Plak onderstaand script in de <body> van je site.
<Center>
<Form>
<Input Type="Button" Title="Click here to play again" Name="beurten" Width="164px" Class="knopje" Value="Speler 1" onClick="wie = ‘Speler 1′; initieer()">
<Table CellPadding="0" CellSpacing="0" Border="0">
<Script>
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>
</Table>
<Input Type="CheckBox" Title="Click here to change from 2 Spelers or computergame" Name="automaat" Value="2 Spelers" Id="autmat" onClick="if (this.value == ‘Computer’) {this.value = ’2 Spelers’; auto = 0} else {this.value = ‘Computer’; auto = 1}; wie = ‘Speler 1′; initieer();"><Label For="autmat">Spelen
tegen de computer</Label>
<Table CellPadding="0" CellSpacing="0" Border="1">
<Tr BgColor="Silver">
<Td Align="Center"> Speler 1 </Td>
<Td Align="Center"> Speler 2 </Td>
<Td Align="Center"> Remise </Td>
</Tr>
<Tr BgColor="Silver">
<Td Align="Center"><Input Style="BackGround-Color:Transparent;Border:Solid 0px;Text-Align:Center" Type="Text" Size="3" ReadOnly Title="Speler 1" Name="speler1" Value="0"></Td>
<Td Align="Center"><Input Style="BackGround-Color:Transparent;Border:Solid 0px;Text-Align:Center" Type="Text" Size="3" ReadOnly Title="Speler 2" Name="speler2" Value="0"></Td>
<Td Align="Center"><Input Style="BackGround-Color:Transparent;Border:Solid 0px;Text-Align:Center" Type="Text" Size="3" ReadOnly Title="Remise" Name="remise" Value="0"></Td>
</Tr>
</Table>
</Form>
</Center>
<Script>
timerID = xtal = ytal = ztal = auto = 0;
wie = ‘Speler 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("Speler 1: You win !!!\nDo you want to play again?"))
{
wint = 1;
xtal++; wie = ‘Speler 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’) : (‘Speler 2: You win !!’)) + "!\nDo you want to play again?")) {
ytal++; wie = ‘Speler 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 = "Speler " + 1}
else {
if (auto == 0) {beurt = 0;
wie = "Speler " + 2} else {beurt = 0; wie = "Computer";}}
if (keren == 9) {
if (confirm("Remise!!!\n\nDo you want to play again?")) {
ztal++; wie = ‘Speler 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>
