ai vs ai turn for turn based game on a grid auto evolve's game

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

No:52474

103

←

Prev Next

→

ai vs ai turn for turn based game on a grid auto e..ALL
Developer User18896｜Date and time 24/3/22 9:30:48
Build time 10.577 sec｜Game capacity 2.635KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>AI vs AI Turn-Based Game</title>
  <style>
    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 5px;
    }
    .cell {
      width: 100px;
      height: 100px;
      background-color: lightgray;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2em;
    }
  </style>
</head>
<body>
  <div class="grid">
    <div class="cell" id="cell-0"></div>
    <div class="cell" id="cell-1"></div>
    <div class="cell" id="cell-2"></div>
    <div class="cell" id="cell-3"></div>
    <div class="cell" id="cell-4"></div>
    <div class="cell" id="cell-5"></div>
    <div class="cell" id="cell-6"></div>
    <div class="cell" id="cell-7"></div>
    <div class="cell" id="cell-8"></div>
  </div>

const checkWinner = () => {
      const winningCombinations = [
        [0, 1, 2],
        [3, 4, 5],
        [6, 7, 8],
        [0, 3, 6],
        [1, 4, 7],
        [2, 5, 8],
        [0, 4, 8],
        [2, 4, 6],
      ];

for (let combo of winningCombinations) {
        const [a, b, c] = combo;
        if (board[a] && board[a] === board[b] && board[b] === board[c]) {
          gameOver = true;
          return board[a];
        }
      }

return null;
    };

const aiMove = () => {
      let availableMoves = board.reduce((acc, cell, index) => {
        if (cell === '') {
          acc.push(index);
        }
        return acc;
      }, []);

if (availableMoves.length === 0) {
        return;
      }

let randomIndex = Math.floor(Math.random() * availableMoves.length);
      let move = availableMoves[randomIndex];

board[move] = currentPlayer;
      document.getElementById(`cell-${move}`).innerText = currentPlayer;

currentPlayer = currentPlayer === 'X' ? 'O' : 'X'; // Toggle player after move
    };

document.querySelectorAll('.cell').forEach(cell => {
      cell.addEventListener('click', () => {
        if (gameOver || board[cell.id.split('-')[1]] !== '') {
          return;
        }

board[cell.id.split('-')[1]] = currentPlayer;
        cell.innerText = currentPlayer;

if (checkWinner()) {
          gameOver = true;
          alert(`${currentPlayer} wins!`);
        } else {
          currentPlayer = currentPlayer === 'X' ? 'O' : 'X'; // Toggle player after move
          aiMove();
        }
      });
    });
  </script>
</body>
</html>