ФТ-201; Орлов Никита, Джевелло Алексей

index.js

@@ -4,14 +4,85 @@ const EMPTY = ' ';
 
 const container = document.getElementById('fieldWrapper');
 
+
+const GAME_IN_PROGRESS = 0;
+const GAME_FINISHED = 1;
+
+let game_stage = GAME_IN_PROGRESS;
+let counter = 0;
+let field;
+let n = 3;
+
+function ask_user_for_n(){
+    let num = Number(prompt('input dimension number'));
+    if (!Number.isNaN(num)){
+        n = num;
+    }
+}
+
+function init_game_model() {
+    field = [];
+    for (let i = 0; i < n; i++) {
+        field.push([])
+        for (let j = 0; j < n; j++) {
+            field[i].push(EMPTY);
+        }
+    }
+    counter = 0;
+    game_stage = GAME_IN_PROGRESS;
+}
+
+function is_turns_ended() {
+    for (let i = 0; i < n; i++) {
+        for (let j = 0; j < n; j++) {
+            if (field[i][j] === EMPTY) return false;
+        }
+    }
+    return true;
+}
+
+function findWinner(figure) {
+    for (let i = 0; i < n; i++) {
+        let strCount = 0;
+        let colCount = 0;
+
+        for (let j = 0; j < n; j++) {
+            if (field[i][j] === figure) strCount += 1;
+            if (field[j][i] === figure) colCount += 1;
+        }
+        if (strCount === n) return true;
+        if (colCount === n) return true;
+    }
+    let leftCornerCount = 0;
+    let rightCornerCount = 0;
+    for (let i = 0; i < n; i++){
+        if (field[i][i] === figure) leftCornerCount += 1;
+        if (field[i][n - i - 1] === figure) rightCornerCount += 1;
+        if (leftCornerCount === n || rightCornerCount === n){
+            return true;
+        }
+    }
+    return false;
+}
+
+
+function get_figure() {
+    a = [CROSS, ZERO];
+    return a[counter++ % 2];
+}
+
+
+ask_user_for_n();
+init_game_model();
 startGame();
 addResetListener();
 
-function startGame () {
-    renderGrid(3);
+
+function startGame() {
+    renderGrid(n);
 }
 
-function renderGrid (dimension) {
+function renderGrid(dimension) {
     container.innerHTML = '';
 
     for (let i = 0; i < dimension; i++) {
@@ -26,41 +97,74 @@ function renderGrid (dimension) {
     }
 }
 
-function cellClickHandler (row, col) {
+function cellClickHandler(row, col) {
     // Пиши код тут
     console.log(`Clicked on cell: ${row}, ${col}`);
 
+    if (game_stage === GAME_IN_PROGRESS && field[row][col] === EMPTY){
+        let figure = get_figure();
+        field[row][col] = figure;
+
+        renderSymbolInCell(figure, row, col);
 
-    /* Пользоваться методом для размещения символа в клетке так:
-        renderSymbolInCell(ZERO, row, col);
-     */
+        if (findWinner(CROSS)){
+            onWinner(CROSS);
+            game_stage = GAME_FINISHED;
+            colorSymbols(CROSS);
+        }
+        if (findWinner(ZERO)){
+            onWinner(ZERO);
+            game_stage = GAME_FINISHED;
+            colorSymbols(ZERO);
+        }
+        if (is_turns_ended()) alert("Победила дружба!");
+    }
+}
+
+function onWinner(winner){
+    alert(`winner is ${winner}`);
 }
 
-function renderSymbolInCell (symbol, row, col, color = '#333') {
+function renderSymbolInCell(symbol, row, col, color = '#333') {
     const targetCell = findCell(row, col);
 
     targetCell.textContent = symbol;
     targetCell.style.color = color;
 }
 
-function findCell (row, col) {
+function colorSymbols(symbol, color='#ff0000'){
+    for (let row = 0; row < n; row++){
+        const row_arr = field[row];
+        for (let col = 0; col < n; col++){
+            if (row_arr[col] === symbol){
+                findCell(row, col).style.color = color;
+            }
+        }
+    }
+}
+
+function findCell(row, col) {
     const targetRow = container.querySelectorAll('tr')[row];
     return targetRow.querySelectorAll('td')[col];
 }
 
-function addResetListener () {
+function addResetListener() {
     const resetButton = document.getElementById('reset');
     resetButton.addEventListener('click', resetClickHandler);
 }
 
-function resetClickHandler () {
+function resetClickHandler() {
     console.log('reset!');
+    ask_user_for_n();
+    renderGrid(n);
+    init_game_model();
 }
 
 
 /* Test Function */
+
 /* Победа первого игрока */
-function testWin () {
+function testWin() {
     clickOnCell(0, 2);
     clickOnCell(0, 0);
     clickOnCell(2, 0);
@@ -71,7 +175,7 @@ function testWin () {
 }
 
 /* Ничья */
-function testDraw () {
+function testDraw() {
     clickOnCell(2, 0);
     clickOnCell(1, 0);
     clickOnCell(1, 1);
@@ -84,6 +188,6 @@ function testDraw () {
     clickOnCell(2, 2);
 }
 
-function clickOnCell (row, col) {
+function clickOnCell(row, col) {
     findCell(row, col).click();
 }