Фт-201 Чернышов Всеволод, Воронин Арсений

README.md

@@ -3,15 +3,15 @@
 Сейчас в коде описаны функции для рисования поля любого размера и рисования любого символа в клетке этого поля.
 Твоя задача дописать код, чтобы это стало полноценной игрой в Крестики-нолики.
 
-1. Реши, как будешь хранить поле. Тебе нужна будет такая структура, в которой удобно понимать есть ли победитель: три клетки по горизонтали, вертикали или диагонали, заполненные одинаковыми символами.
-2. Допиши функцию cellClickHandler, чтобы после клика ставился крестик или нолик в соответствующее поле.
-3. Если поле, по которому кликнули, не пустое, символ ставиться не должен.
-4. Если кончились ходы, выведи alert с текстом "Победила дружба".
-5. Напиши функцию, которая считает: есть ли уже победитель. Если есть победитель, выведи alert с названием победителя
-6. Если есть победитель, покрась победные значения в клетках в красный.
-7. После победы, клик по полю больше не должен ставить крестик или нолик.
-8. Обрабатывай клик по кнопке "Сначала": допиши метод resetClickHandler, чтобы поле очищалось.
+1. + Реши, как будешь хранить поле. Тебе нужна будет такая структура, в которой удобно понимать есть ли победитель: три клетки по горизонтали, вертикали или диагонали, заполненные одинаковыми символами.
+2. + Допиши функцию cellClickHandler, чтобы после клика ставился крестик или нолик в соответствующее поле.
+3. + Если поле, по которому кликнули, не пустое, символ ставиться не должен.
+4. + Если кончились ходы, выведи alert с текстом "Победила дружба".
+5. + Напиши функцию, которая считает: есть ли уже победитель. Если есть победитель, выведи alert с названием победителя
+6. + Если есть победитель, покрась победные значения в клетках в красный.
+7. + После победы, клик по полю больше не должен ставить крестик или нолик.
+8. + Обрабатывай клик по кнопке "Сначала": допиши метод resetClickHandler, чтобы поле очищалось.
 9. \* Сделай так, чтобы можно было в начале игры задавать поле произвольного размера.
-10. \* Напиши "искусственный интеллект" — функцию, которая будет ставить нолики с случайное пустое поле.
+10. \* +- Напиши "искусственный интеллект" — функцию, которая будет ставить нолики с случайное пустое поле.
 11. \* Напиши чуть более умный искусственный интеллект — функция, ставящая нолики в случайном месте обязана поставить нолик в такое поле, нолик в котором приведет к выигрышу "ИИ".
 12. \* Сделай так, чтобы при заполнении больше половины клеток на поле, оно бы расширялось: добавлялось бы по одному ряду с каждой стороны.

index.js

@@ -3,6 +3,14 @@ const ZERO = 'O';
 const EMPTY = ' ';
 
 const container = document.getElementById('fieldWrapper');
+const red = '#ff0000';
+
+let points = [];
+let turn = 1;
+let completeTurn = 0;
+let endGame = false;
+let bot = false;
+let bot_turn = true;
 
 startGame();
 addResetListener();
@@ -16,24 +24,105 @@ function renderGrid (dimension) {
 
     for (let i = 0; i < dimension; i++) {
         const row = document.createElement('tr');
+        let line = [];
+
         for (let j = 0; j < dimension; j++) {
             const cell = document.createElement('td');
             cell.textContent = EMPTY;
             cell.addEventListener('click', () => cellClickHandler(i, j));
             row.appendChild(cell);
+            line.push(0)
         }
         container.appendChild(row);
+        points.push(line)
     }
 }
 
-function cellClickHandler (row, col) {
-    // Пиши код тут
-    console.log(`Clicked on cell: ${row}, ${col}`);
+function easyAI(){
+    let possible = [];
+    for (let i = 0; i < points.length; i++){
+        for (let j = 0; j < points.length; j++){
+            if (points[i][j] == 0){
+                possible.push([i, j]);
+            }
+        }
+    }
+    return possible;
+}
 
+function cellClickHandler (row, col) {
+    if (points[row][col] == 0 && !endGame){
+        points[row][col] = turn;
+        console.log(points);
+        console.log(`Clicked on cell: ${row}, ${col}`);
+        /* Пользоваться методом для размещения символа в клетке так: */
+        if (turn == 1){
+            renderSymbolInCell(CROSS, row, col);
+        }
+        else{
+            renderSymbolInCell(ZERO, row, col);
+        }
+        turn *= -1;
+        completeTurn++;
+        let win1 = checkWinner(1, CROSS);
+        let win2 = checkWinner(-1, ZERO);
+        if(win1){
+            endGame = true;
+            alert("Победили кретили");
+        }
+        else if(win2){
+            endGame = true;
+            alert("Победили нолики");
+        }
+        else if(completeTurn == 9){
+            alert("Победила дружба");
+        }
+    }
+    if(bot){
+        if (bot_turn){
+            let pV = easyAI();
+            if (pV.length != 0){
+                bot_turn = false;
+                console.log(1)
+                let v = pV[Math.floor(Math.random() * (pV.length - 0))];
+                cellClickHandler(v[0], v[1]);
+            }
+        }
+        else{
+            bot_turn = true;
+        }
+    }
+}
 
-    /* Пользоваться методом для размещения символа в клетке так:
-        renderSymbolInCell(ZERO, row, col);
-     */
+function checkWinner(symbol, figure){
+    let win = false;
+    for(let i = 0; i < 3; i++){
+        if (points[0][i] == symbol && points[1][i] == symbol && points[2][i] == symbol){
+            win = true;
+            renderSymbolInCell(figure, 0, i, red);
+            renderSymbolInCell(figure, 1, i, red);
+            renderSymbolInCell(figure, 2, i, red);
+        }
+        if (points[i][0] == symbol && points[i][1] == symbol && points[i][2] == symbol){
+            win = true;
+            renderSymbolInCell(figure, i, 0, red);
+            renderSymbolInCell(figure, i, 1, red);
+            renderSymbolInCell(figure, i, 2, red);
+        }
+    }
+    if (points[0][0] == symbol && points[1][1] == symbol && points[2][2] == symbol){
+        win = true;
+        renderSymbolInCell(figure, 0, 0, red);
+        renderSymbolInCell(figure, 1, 1, red);
+        renderSymbolInCell(figure, 2, 2, red);
+    }
+    if (points[0][2] == symbol && points[1][1] == symbol && points[2][0] == symbol){
+        win = true;
+        renderSymbolInCell(figure, 0, 2, red);
+        renderSymbolInCell(figure, 1, 1, red);
+        renderSymbolInCell(figure, 2, 0, red);        
+    }
+    return win;
 }
 
 function renderSymbolInCell (symbol, row, col, color = '#333') {
@@ -54,6 +143,11 @@ function addResetListener () {
 }
 
 function resetClickHandler () {
+    points = [[0, 0, 0], [0, 0, 0], [0, 0, 0]];
+    turn = 1;
+    completeTurn = 0;
+    endGame = false;
+    renderGrid(3);
     console.log('reset!');
 }