ФТ201 Лежнин Копыркин

index.js

@@ -1,66 +1,133 @@
 const CROSS = 'X';
 const ZERO = 'O';
 const EMPTY = ' ';
+let Player = 1;
+const dimension = 4;
+let counter = 0;
 
 const container = document.getElementById('fieldWrapper');
+let gameBoard = [];
 
 startGame();
 addResetListener();
 
-function startGame () {
-    renderGrid(3);
+function startGame() {
+    gameBoard = initializeBoard(dimension);
+    renderGrid(dimension);
 }
 
-function renderGrid (dimension) {
+function initializeBoard(dimension) {
+    const board = [];
+    for (let i = 0; i < dimension; i++) {
+        const row = [];
+        for (let j = 0; j < dimension; j++) {
+            row.push(EMPTY);
+        }
+        board.push(row);
+    }
+    return board;
+}
+
+function renderGrid() {
     container.innerHTML = '';
 
     for (let i = 0; i < dimension; i++) {
         const row = document.createElement('tr');
         for (let j = 0; j < dimension; j++) {
             const cell = document.createElement('td');
-            cell.textContent = EMPTY;
+            cell.textContent = gameBoard[i][j];
             cell.addEventListener('click', () => cellClickHandler(i, j));
             row.appendChild(cell);
         }
         container.appendChild(row);
     }
 }
 
-function cellClickHandler (row, col) {
-    // Пиши код тут
-    console.log(`Clicked on cell: ${row}, ${col}`);
+function cellClickHandler(row, col) {
+    if (gameBoard[row][col] === EMPTY && !isWinnerOnBoard().winner) {
+        const symbol = Player === 1 ? ZERO : CROSS;
+        renderSymbolInCell(symbol, row, col);
+        gameBoard[row][col] = symbol;
+        let winnerCheck = isWinnerOnBoard();
+        if (winnerCheck.winner) {
+            winnerCheck.line.forEach(([r, c]) => renderSymbolInCell(gameBoard[r][c], r, c, 'red'));
+            alert(`Победил игрок ${Player}`);
+        }
+        Player = Player === 1 ? 2 : 1;
+        counter++;
+        if (counter === dimension ** 2 && !winnerCheck.winner)
+            alert('Победила дружба!!!')
+    }
+}
 
 
-    /* Пользоваться методом для размещения символа в клетке так:
-        renderSymbolInCell(ZERO, row, col);
-     */
+function isWinnerOnBoard() {
+    for (let i = 0; i < dimension; i++) {
+        if (gameBoard[i].every(cell => cell === gameBoard[i][0] && cell !== EMPTY)) {
+            let line1 = [];
+            for (let j = 0; j < dimension; j++) {
+                line1.push([i, j])
+            }
+            return { winner: true, line: line1 };
+        }
+    }
+
+    for (let i = 0; i < dimension; i++) {
+        if (gameBoard.every(row => row[i] === gameBoard[0][i] && row[i] !== EMPTY)) {
+            let line1 = [];
+            for (let j = 0; j < dimension; j++) {
+                line1.push([j, i])
+            }
+            return { winner: true, line: line1};
+        }
+    }
+
+    if (gameBoard.every((row, index) => row[index] === gameBoard[0][0] && row[index] !== EMPTY)) {
+        let line1 = [];
+        for (let j = 0; j < dimension; j++) {
+            line1.push([j, j])
+        }
+        return { winner: true, line: line1 };
+    }
+
+    if (gameBoard.every((row, index) => row[dimension - index - 1] === gameBoard[0][dimension - 1] && row[dimension - index - 1] !== EMPTY)) {
+        let line1 = [];
+        for (let j = 0; j < dimension; j++) {
+            line1.push([j, dimension - 1 - j])
+        }
+        return { winner: true, line: line1 };
+    }
+    return { winner: false };
 }
 
-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 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 () {
-    console.log('reset!');
+function resetClickHandler() {
+    Player = 1;
+    gameBoard = initializeBoard(dimension);
+    renderGrid(dimension);
+    counter = 0;
 }
 
-
-/* Test Function */
-/* Победа первого игрока */
-function testWin () {
+function testWin() {
     clickOnCell(0, 2);
     clickOnCell(0, 0);
     clickOnCell(2, 0);
@@ -70,8 +137,7 @@ function testWin () {
     clickOnCell(2, 1);
 }
 
-/* Ничья */
-function testDraw () {
+function testDraw() {
     clickOnCell(2, 0);
     clickOnCell(1, 0);
     clickOnCell(1, 1);
@@ -84,6 +150,6 @@ function testDraw () {
     clickOnCell(2, 2);
 }
 
-function clickOnCell (row, col) {
+function clickOnCell(row, col) {
     findCell(row, col).click();
 }