Zadanie - kółko i krzyżyk | Java Script | Forum

// Tablica 2 wymiarowa reprezentująca planszę do gry
var result = new Array(new Array(3),new Array(3),new Array(3));

// Zmiana przechowująca oznaczenie gracza, który ma wykonać ruch (rozpoczynamy od kółka)
var player = ‚O’;

function start() {

// Pobieramy wszystkie komórki tabeli (td)
var tds = document.getElementsByTagName(‚td’);

// Iterujemy po tablicy z komórkami tabeli
for (var i=0; i< tds.length; i++) {

// Dodajemy "słuchacza" na zdarzenie kliknięcia myszką
tds[i].addEventListener(‚click’,function(e){

// Pobieramy atrybuty x i y, aby zidentyfikować pole na "planszy"
var x = this.getAttribute(‚x’);
var y = this.getAttribute(‚y’);

// Jeżeli pole nie było jeszcze wypełnione to je wypełniamy i sprawdzamy czy gra się już zakończyła (wygrana gracza lub remisem)
if ( !result[x][y] ) {
result[x][y] = player;
this.innerText = player;
if ( win(player) ) {
alert(‚wygrał gracz: ‚ + player);
return;
} else if ( draw() ) {
alert(‚remis’);
return;
}

// Przełączamy gracza
if ( player === ‚O’) {
player = ‚X’;
} else {
player = ‚O’;
}
} else {
// Informujemy gracza o niedozowolonym ruchu, w momencie gdy dane pole jest już wypełnione
alert(‚Niedozwolony ruch’);
}
}, false);
}
}

// Sprawdzenie czy wszystkie pola są już zajęte, jeżeli tak to remin.
// Wcześniej sprawdzaliśmy czy ktoś wygrał, więc nie potrzeba nam dodatkowego sprawdzenia
// True oznacza, że wszystkie pola są zajęte (więc remis), false że są jeszcze wolne pola
function draw() {
for(var i = 0; i < 3; i++) {
for(var j = 0; j < 3; j++) {
if ( !result[i][j] )
return false;
}
}
return true;
}

// Sprawdzenie czy gra została zakończona zwycieństwem zadanego gracza (wywoływane po ruchu gracza)
// True oznacza że zadany gracz wygrał, false że gra jeszcze jest nie rozstrzygnietą lub jest remis
function win(player) {

// sprawdzenie "skosów"
if((result[0][0] === player) && (result[1][1] === player) && (result[2][2] === player)) return true;
if((result[0][2] === player) && (result[1][1] === player) && (result[2][0] === player)) return true;

for(var i = 0; i < 3; i++)
{
// Sprawdzenie wierszy
if((result[i][0] === player) && (result[i][1] === player) && (result[i][2] === player)) return true;

// Sprawdzenie kolumn
if((result[0][i] === player) && (result[1][i] === player) && (result[2][i] === player)) return true;
}
return false;
}