Зубакин Ренат

README.md

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

index.js

@@ -1,14 +1,18 @@
 const CROSS = 'X';
 const ZERO = 'O';
 const EMPTY = ' ';
-
+let arrsize = prompt("Введите размерность масссива", 3);
+let usedCells=0;
+let isZero = false;
+let GridArray =createArray();
+let IsWin= false;
 const container = document.getElementById('fieldWrapper');
 
 startGame();
 addResetListener();
 
 function startGame () {
-    renderGrid(3);
+    renderGrid(arrsize);
 }
 
 function renderGrid (dimension) {
@@ -26,11 +30,102 @@ function renderGrid (dimension) {
     }
 }
 
+function createArray(){
+    let arr=[];
+    let arr2=[];
+    for(let i=0;i<arrsize;i++){
+        for(let j=0;j<arrsize;j++){
+            arr2.push(EMPTY);
+        }
+        arr.push(arr2);
+        arr2=[];
+    }
+    return arr; 
+}
+
+function findWinner (){
+    for (let i = 0; i <= GridArray.length; i = i + 2)
+	{
+	    if((GridArray[0][0 + i] == GridArray[1][1]) && (GridArray[1][1] == GridArray[2][2- i])
+            && ((GridArray[0][0 + i]==ZERO)|| GridArray[0][0 + i]==CROSS)){ 
+                renderSymbolInCell(GridArray[i][0], 0, i, '#f00');
+                renderSymbolInCell(GridArray[i][0], 1, 1, '#f00');
+                renderSymbolInCell(GridArray[i][0], 2, 2-i, '#f00');
+                alert(`Выйграл игрок использующий ${GridArray[0][0+i]}`)
+                IsWin= true;	
+            }
+	}
+
+	for (let i = 0; i < 3; i++) 
+	{
+	    if(GridArray[i][0] == GridArray[i][1] && GridArray[i][1] == GridArray[i][ 2]
+            && (GridArray[i][0]==ZERO|| GridArray[i][0]==CROSS)){
+	            renderSymbolInCell(GridArray[i][0], i, 0, '#f00');
+                renderSymbolInCell(GridArray[i][0], i, 1, '#f00');
+                renderSymbolInCell(GridArray[i][0], i, 2, '#f00');
+                IsWin= true;	
+                alert(`Выйграл игрок использующий ${GridArray[i][0]}`)
+
+            }
+
+	    if(GridArray[0][i] == GridArray[1][i] && GridArray[1][i] == GridArray[2][i] 
+            && (GridArray[0][i]==ZERO||GridArray[0][i]==CROSS)){
+                renderSymbolInCell(GridArray[1][i], 1, i, '#f00');
+                renderSymbolInCell(GridArray[1][i], 2, i, '#f00');
+                renderSymbolInCell(GridArray[1][i], 0, i, '#f00');
+                IsWin= true;	
+                alert(`Выйграл игрок использующий ${GridArray[1][i]}`)
+            }
+	}
+	}
+
+
+
+
+
+function resetClickHandler () {
+    console.log('reset!');
+    IsWin=false;
+    isZero=false;
+    usedCells = 0;
+    arrsize= prompt("Введите размерность масссива", 3);
+    startGame();
+    GridArray = createArray();
+    for(i=0;i<GridArray.length;i++)
+        for(j=0;j<GridArray[0].length;j++)
+            renderSymbolInCell(EMPTY, i, j);
+
+}
+
+
+
+
+
 function cellClickHandler (row, col) {
     // Пиши код тут
     console.log(`Clicked on cell: ${row}, ${col}`);
+    if(!IsWin){
+    if(GridArray[row][col]==EMPTY|| GridArray[row][col]==undefined){
+        if (isZero){
+            GridArray[row][col]=ZERO;
+            usedCells++;
+            renderSymbolInCell(ZERO, row, col);
+            isZero=false;
+        }
+        else{
+            GridArray[row][col]=CROSS;
+            usedCells++
+            renderSymbolInCell(CROSS, row, col);
+            isZero = true;
+        }
+        findWinner();
+        if (usedCells==GridArray.length**2 && !IsWin)
+            alert("Победила дружба")
+
+    }
+
 
-
+    }     
     /* Пользоваться методом для размещения символа в клетке так:
         renderSymbolInCell(ZERO, row, col);
      */
@@ -41,6 +136,7 @@ function renderSymbolInCell (symbol, row, col, color = '#333') {
 
     targetCell.textContent = symbol;
     targetCell.style.color = color;
+
 }
 
 function findCell (row, col) {
@@ -53,9 +149,7 @@ function addResetListener () {
     resetButton.addEventListener('click', resetClickHandler);
 }
 
-function resetClickHandler () {
-    console.log('reset!');
-}
+
 
 
 /* Test Function */