index.js

/* eslint-disable indent */
import {
  displayBoard,
  displayMessage,
  displayTextMessage,
} from "./event-handlers.js";

let GAME_STATE = {
  boardSize: 4,
  currentBoard: [
    {
      boardNumber: 1,
      board: [
        ["", "", "", ""],
        ["", "", "", ""],
        ["", "", "", ""],
        ["", "", "", ""],
      ],
      count: function count(letter) {
        let numberOfLetter = 0;
        for (const e of this.board.flat()) {
          if (e === letter) {
            numberOfLetter += 1;
          }
        }
        return numberOfLetter;
      },
    },
    {
      boardNumber: 2,
      board: [
        ["", "", "", ""],
        ["", "", "", ""],
        ["", "", "", ""],
        ["", "", "", ""],
      ],
      count: function count(letter) {
        let numberOfLetter = 0;
        for (const e of this.board.flat()) {
          if (e === letter) {
            numberOfLetter += 1;
          }
        }
        return numberOfLetter;
      },
    },
  ],
  userShipPositions: [],
  AIshipPositions: {},
  numOfShips: 2,
  numOfShipsConst: 2,
  shootingPhase: false,
  placementPhase: false,
  turn: "user",
};

/**
 * This function is called when you choose the game mode.
 * The caller gives you the data about what kind of game
 * the AI would like to play and where it places its ships.
 * @param {String} gameDescription - An encoded string of the game data.
 *    You have to parse to use it.
 */

export function selectGame(gameDescription) {
  // You may delete the following line as an example to see what the data looks like.
  displayMessage(gameDescription, "black");

  const parts = gameDescription.replace(/{|}/g, "").split(/,s:|,/);
  GAME_STATE.boardSize = Number(parts.shift().charAt(5));
  parts.forEach((part) => {
    let [key, value] = part.split(":");
    key = key.trim();
    value = value.trim();
    GAME_STATE.AIshipPositions[key] = value;
  });
  GAME_STATE.placementPhase = true;

  console.log(`Size of the board: ${GAME_STATE.boardSize}`);
  console.table(GAME_STATE.AIshipPositions);
}

/**
 * Called whenever the player clicks on a cell.
 * @param {Object} clickProperties - The clicked cell's properties.
 *    It contains x and y coordinates, clickType that can be 'left' or 'right',
 *    and source that indicates the number of the board where the click happened.
 */
export function handleClick(clickProperties) {
  // You may delete the following line as an example to see what the data looks like.
  //Use destructuring assignment to access object properties, improve code readability
  const { x, y, source } = clickProperties;

  const xCord = x.codePointAt(0) - "A".codePointAt(0);
  const yCord = y - 1;
  const board = source - 1;
  const shoot = `${x.toLowerCase()}${y}`;

  //source values: 1 (user grid), 2 (AI grid)
  switch (source) {
    case 1: //--> click source is form USER grid
      // Placement phase
      if (GAME_STATE.placementPhase && !GAME_STATE.shootingPhase) {
        //Save coordinates of the placed ship
        if (GAME_STATE.numOfShips > 0) {
          GAME_STATE.userShipPositions.push(x + y);
          GAME_STATE.numOfShips--;
          displayTextMessage( `You've left ${GAME_STATE.numOfShips} ships to place.`, "red" );
          //Put ship on the table
          GAME_STATE.currentBoard[board].board[xCord][yCord] = "O";
          displayBoard(GAME_STATE.currentBoard[board]);
        }
        if (GAME_STATE.numOfShips === 0) {
          GAME_STATE.placementPhase = false;
          GAME_STATE.shootingPhase = true;
          displayTextMessage("Shooting phase started. It's your turn.", "green");
        }
      }
      break;
    case 2: //--> click source is form AI grid
      // Shooting phase
      if (GAME_STATE.shootingPhase && GAME_STATE.turn === "user") {
        let hit = false;
        for (const shipPosition of Object.values(GAME_STATE.AIshipPositions)) {
          if (shipPosition === shoot) {
            hit = true;
          }
        }
        if (hit) {
          GAME_STATE.currentBoard[board].board[xCord][yCord] = "X";
          displayBoard(GAME_STATE.currentBoard[board]);
          if (GAME_STATE.numOfShipsConst === GAME_STATE.currentBoard[board].count("X")) {
            displayTextMessage("hit, You won. CONGRATULATION", "red");
            GAME_STATE.shootingPhase = false;
            displayMessage("Push Restart or choose a game mode.", "blue");
          } else {
            displayTextMessage("hit, Your turn again", "red");
          }
        } else {
          GAME_STATE.currentBoard[board].board[xCord][yCord] = "m";
          displayTextMessage("missed, AI's turn", "red");
          GAME_STATE.turn = "ai";
          displayBoard(GAME_STATE.currentBoard[1]);
        }
      }
      break;
    default:
      break;
  }
}

/**
 * Called when the player clicks on the reset game button.
 */
export function resetGame() {
  GAME_STATE = {
    boardSize: 4,
    currentBoard: [
      {
        boardNumber: 1,
        board: [
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
        ],
      },
      {
        boardNumber: 2,
        board: [
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
        ],
      },
    ],
    userShipPositions: [],
    AIshipPositions: {},
    numOfShips: 2,
    numOfShipsConst: 2,
    shootingPhase: false,
    placementPhase: false,
    turn: "user",
    };
  displayBoard(GAME_STATE.currentBoard[0]);
  displayBoard(GAME_STATE.currentBoard[1]);
  displayTextMessage("Select new game mode", "blue");
  displayMessage("");
}

/**
 * This function is called when the player clicks on the AI shoot button.
 * The caller gives you randomly generated coordinates.
 * You may ignore the parameter later when you implement more intelligent AI.
 * @param {Object} coordinates - Random generated coordinates (x and y),
 *    where the AI would like to shoot.
 */
export function aiShoot(coordinates) {
  displayMessage(coordinates.x + coordinates.y, "green");

  const x = coordinates.x.codePointAt(0) - "A".codePointAt(0);
  const y = coordinates.y - 1;
  const board = 0;
  const shoot = GAME_STATE.currentBoard[board].board[x][y];

  if (GAME_STATE.shootingPhase && GAME_STATE.turn === "ai") {
    if (shoot === "O") {
      GAME_STATE.currentBoard[board].board[x][y] = "X";
      if (GAME_STATE.currentBoard[0].count("X") === GAME_STATE.numOfShipsConst) {
        displayTextMessage("You lost, try again!", "red");
        GAME_STATE.shootingPhase = false;
        displayMessage("Push Restart or choose a game mode.", "blue");
      } else {
      displayTextMessage("hit AI's turn again", "red");
      }
    } else if (shoot === "") {
      GAME_STATE.currentBoard[board].board[x][y] = "m";
      displayTextMessage("missed, Your turn", "red");
      GAME_STATE.turn = "user";
    } else {
      displayTextMessage("AI is an idiot, shot at the same spot. It's your turn", "red");
      GAME_STATE.turn = "user";
    }
  }
  displayBoard(GAME_STATE.currentBoard[0]);
}

displayBoard(GAME_STATE.currentBoard[0]);
displayBoard(GAME_STATE.currentBoard[1]);
displayMessage("Select game mode", "green");