A tic tac toe game but instead of X and O make use of "🔴" and "🔵". It should have both options 2 player and versus AI's game

Click here for free DL of the app version that can save data.

No:21941

←

Prev Next

→

A tic tac toe game but instead of X and O make use..ALL
Developer User10118｜Date and time 23/10/19 10:30:45
Build time 82.597 sec｜Game capacity 4.18KB｜

Script

Sure! Here's a tic tac toe game implemented as a single HTML file using JavaScript, enclosed in script tags:

You can copy and save the above code as an HTML file (e.g., "tic_tac_toe.html") and open it in a web browser. It will display a tic tac toe game with options for 2 players or player versus an AI opponent. The game uses "🔴" and "🔵" as symbols for the players. To play, simply click on the cells of the game board. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

Sure! Here's a tic tac toe game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    table {
      border-collapse: collapse;
    }
    td {
      width: 50px;
      height: 50px;
      text-align: center;
      font-size: 30px;
      cursor: pointer;
    }
    .player-1 {
      color: red;
    }
    .player-2 {
      color: blue;
    }
  </style>
</head>
<body>
  <table id="board">
    <tr>
      <td onclick="play(0, 0)"></td>
      <td onclick="play(0, 1)"></td>
      <td onclick="play(0, 2)"></td>
    </tr>
    <tr>
      <td onclick="play(1, 0)"></td>
      <td onclick="play(1, 1)"></td>
      <td onclick="play(1, 2)"></td>
    </tr>
    <tr>
      <td onclick="play(2, 0)"></td>
      <td onclick="play(2, 1)"></td>
      <td onclick="play(2, 2)"></td>
    </tr>
  </table>

// Current player
    let currentPlayer = '🔴';

// Check if the game is over
    let isGameOver = false;

// Play function for player vs AI
    function play(row, col) {
      if (isGameOver || board[row][col] !== '') {
        return;
      }
      board[row][col] = currentPlayer;
      document.getElementById('board').rows[row].cells[col].innerHTML = currentPlayer;

if (checkWinner(currentPlayer)) {
        endGame(currentPlayer);
        return;
      }

if (!isBoardFull()) {
        switchPlayer();
        playAI();
      } else {
        endGame('Draw');
      }
    }

// Play function for 2 players
    function play2Players(row, col) {
      if (isGameOver || board[row][col] !== '') {
        return;
      }
      board[row][col] = currentPlayer;
      document.getElementById('board').rows[row].cells[col].innerHTML = currentPlayer;

if (checkWinner(currentPlayer)) {
        endGame(currentPlayer);
        return;
      }

if (!isBoardFull()) {
        switchPlayer();
      } else {
        endGame('Draw');
      }
    }

// Switches the current player
    function switchPlayer() {
      currentPlayer = (currentPlayer === '🔴') ? '🔵' : '🔴';
    }

// Checks if the game has a winner
    function checkWinner(player) {
      // Check rows
      for (let i = 0; i < 3; i++) {
        if (board[i][0] === player && board[i][1] === player && board[i][2] === player) {
          return true;
        }
      }

// Check columns
      for (let i = 0; i < 3; i++) {
        if (board[0][i] === player && board[1][i] === player && board[2][i] === player) {
          return true;
        }
      }

// Check diagonals
      if (board[0][0] === player && board[1][1] === player && board[2][2] === player) {
        return true;
      }
      if (board[0][2] === player && board[1][1] === player && board[2][0] === player) {
        return true;
      }

return false;
    }

// Checks if the board is full
    function isBoardFull() {
      for (let row of board) {
        for (let cell of row) {
          if (cell === '') {
            return false;
          }
        }
      }
      return true;
    }

// Ends the game
    function endGame(winner) {
      isGameOver = true;
      if (winner === 'Draw') {
        alert('Draw!');
      } else {
        alert('Player ' + winner + ' wins!');
      }
    }

// AI plays a move
    function playAI() {
      let availableMoves = [];
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (board[i][j] === '') {
            availableMoves.push({ row: i, col: j });
          }
        }
      }

const randomMove = availableMoves[Math.floor(Math.random() * availableMoves.length)];
      play(randomMove.row, randomMove.col);
    }
  </script>
</body>
</html>
```