scripts.js

//SETUP STATE VARIABLES
// GET GAME GRID
const GAME_GRID = [
    [0, 0, 0],
    [0, 0, 0],
    [0, 0, 0],
];
let isGridFull = false;
let hasPlayerWon = false;
let hasGameEnded = false;

//DISPLAY GAME GRID
const displayGameGrid = () => {
    for (let i of GAME_GRID) {
        let output = `|`;
        for (let ii of i) {
            output += ` ${ii} |`;
        }
        console.log(output);
    }
    return;
};

const updateGameGrid = (row, column, value) => {
    GAME_GRID[row][column] = value;
    displayGameGrid();
};

const getRandomMove = () => {
    const _random_row = Math.floor(Math.random() * 2);
    const _random_column = Math.round(Math.random() * 2);
    console.log("random", _random_row, _random_column);
    return [_random_row, _random_column];
};

const isPositionEmpty = (_row, _column) => {
    return GAME_GRID[_row][_column] === 0 ? true : false;
};

const gameStateCheck = () => {
    let isDraw;
    let isHorizontalWin;
    let isVerticalWin;
    let isDiagonalWin;
    let winner;
    console.log("MAKING GAME CHECK+++++++");
    displayGameGrid();
    //drawCheck
    for (let i of GAME_GRID) {
        console.log("DOING draw CHECK");
        for (let ii of i) {
            if (ii === 0) {
                isDraw = false;
            }
        }
    }

    //horizontal win

    for (let i = 0; i < 3; i++) {
        console.log("DOING HORIZONTAL CHECK");
        if (
            GAME_GRID[i][0] != 0 &&
            (GAME_GRID[i][0] === GAME_GRID[i][1]) === GAME_GRID[i][2]
        ) {
            isHorizontalWin = true;
            winner = GAME_GRID[i][0];
        }
    }

    //vertical win

    for (let i = 0; i < 3; i++) {
        console.log("DOING verticAL CHECK");
        if (
            GAME_GRID[0][i] != 0 &&
            (GAME_GRID[0][i] === GAME_GRID[1][i]) === GAME_GRID[2][i]
        ) {
            isVerticalWin = true;
            winner = GAME_GRID[0][i];
        }
    }
    console.log("DOINGdiagONTAL CHECK");
    if (
        (GAME_GRID[1][1] != 0 &&
            (GAME_GRID[0][0] === GAME_GRID[1][1]) === GAME_GRID[2][2]) ||
        (GAME_GRID[1][1] != 0 &&
            (GAME_GRID[0][2] === GAME_GRID[1][1]) === GAME_GRID[2][0])
    ) {
        isDiagonalWin = true;
        winner = GAME_GRID[0][2];
    }

    //DIAGONAL WIN
    console.log("DONE WITH GAME CHEK");
    console.log(isDraw, isHorizontalWin, isVerticalWin, isDiagonalWin, winner);
    return { isDraw, isHorizontalWin, isVerticalWin, isDiagonalWin, winner };
};

const endGame = (winner) => {
    if (winner === 2) {
        console.log("Player has won");
    } else {
        console.log("Computer has won");
    }
};

//START GAME
//USER MOVE = 2
const startGame = () => {
    console.log("===========GAME STARTED+++++++++++++");
    displayGameGrid();
    //COLLECT USER INPUT
    const _input_row = prompt("What row are you making your move ?");
    const _input_column = prompt("What column are you making your move ?");
    //DISPLAY USER MOVE ON GRID
    updateGameGrid(_input_row, _input_column, 2);
    //GET A RANDOM MOVE FOR COMPUTER

    //CHECK IF POSITION ISNT FILLED YET
    //DISPLAY THE RANDOM MOVE. ON GRID
    let [_randomRow, _randomColumn] = getRandomMove();
    // console.log("the random row is ", _randomRow);
    // console.log("the random Column is ", _randomColumn);

    while (!isPositionEmpty(_randomRow, _randomColumn)) {
        [_randomRow, _randomColumn] = getRandomMove();
    }
    console.log("+++++++ COMPUTER HAS MADE HIS MOVE");
    updateGameGrid(_randomRow, _randomColumn, 1);

    //CHECK IF ITS WIN
    const { isDraw, isHorizontalWin, isVerticalWin, isDiagonalWin, winner } =
        gameStateCheck();
    //HORIXONTAL CHECK
    if (isHorizontalWin) {
        console.log("Horizontal win", isHorizontalWin);
        hasGameEnded = true;
        endGame(winner);
    }
    //VERTICAL CHECK
    if (isVerticalWin) {
        console.log("Vertical win", isVerticalWin);
        hasGameEnded = true;
        endGame(winner);
    }
    //DIAGONAL CHECK
    if (isDiagonalWin) {
        console.log("Diagonal win", isDiagonalWin);
        hasGameEnded = true;
        endGame(winner);
    }
    //DRAW CHECK
    if (isDraw) {
        isGridFull = true;
        hasGameEnded = true;
        return;
    }
    //IF WIN ANNOUNCE GAME OVER ,
    //ELSE ,, CONTINUE UNTIL ALL GRID IS FILLED UP
    //IF GAME END RESET ALL DATA
};