Gra w Kółko i Krzyżyk

const boardElement = document.querySelector('.board');
const statusElement = document.querySelector('.status');
let board = [];
let currentPlayer = 'X';
let gameMode = 'player'; // 'player' or 'ai'
let isGameOver = false;

// Initialize the game
function startGame(mode) {
    board = Array(9).fill(null);
    currentPlayer = 'X';
    gameMode = mode;
    isGameOver = false;
    statusElement.textContent = "Twoja kolej: X";
    renderBoard();
}

// Render the board
function renderBoard() {
    boardElement.innerHTML = '';
    board.forEach((cell, index) => {
        const cellElement = document.createElement('div');
        cellElement.className = `cell ${cell ? 'taken' : ''}`;
        cellElement.textContent = cell || '';
        cellElement.addEventListener('click', () => handleMove(index));
        boardElement.appendChild(cellElement);
    });
}

// Handle a player's move
function handleMove(index) {
    if (board[index] || isGameOver) return;

    board[index] = currentPlayer;
    if (checkWinner(currentPlayer)) {
        statusElement.textContent = `${currentPlayer} zwyciężył!`;
        isGameOver = true;
    } else if (board.every(cell => cell)) {
        statusElement.textContent = "Uzyskano Remis!";
        isGameOver = true;
    } else {
        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
        statusElement.textContent = `Twoja kolej: ${currentPlayer}`;
        if (gameMode === 'ai' && currentPlayer === 'O') aiMove();
    }
    renderBoard();
}

// Check for a winner
function checkWinner(player) {
    const winningCombos = [
        [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
        [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
        [0, 4, 8], [2, 4, 6]             // Diagonals
    ];
    return winningCombos.some(combo =>
        combo.every(index => board[index] === player)
    );
}

// AI move logic
// AI move logic with Minimax
function aiMove() {
    let bestMove = null;
    let bestScore = -Infinity;

    for (let i = 0; i < board.length; i++) {
        if (!board[i]) {
            board[i] = 'O'; // Simulate AI move
            let score = minimax(board, 0, false); // Evaluate the move
            board[i] = null; // Undo the move
            if (score > bestScore) {
                bestScore = score;
                bestMove = i;
            }
        }
    }

    board[bestMove] = 'O';
    if (checkWinner('O')) {
        statusElement.textContent = "O wygrało!";
        isGameOver = true;
    } else if (board.every(cell => cell)) {
        statusElement.textContent = "Uzyskano Remis!";
        isGameOver = true;
    } else {
        currentPlayer = 'X';
        statusElement.textContent = `Twoja kolej: ${currentPlayer}`;
    }
    renderBoard();
}

// Minimax algorithm
function minimax(board, depth, isMaximizing) {
    if (checkWinner('O')) return 10 - depth; // Favor quicker wins
    if (checkWinner('X')) return depth - 10; // Favor delaying opponent wins
    if (board.every(cell => cell)) return 0; // Draw

    if (isMaximizing) {
        let maxEval = -Infinity;
        for (let i = 0; i < board.length; i++) {
            if (!board[i]) {
                board[i] = 'O';
                let eval = minimax(board, depth + 1, false);
                board[i] = null;
                maxEval = Math.max(maxEval, eval);
            }
        }
        return maxEval;
    } else {
        let minEval = Infinity;
        for (let i = 0; i < board.length; i++) {
            if (!board[i]) {
                board[i] = 'X';
                let eval = minimax(board, depth + 1, true);
                board[i] = null;
                minEval = Math.min(minEval, eval);
            }
        }
        return minEval;
    }
}


// Start with an empty game
startGame('player');