AI game creator

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

No:42131

←

Prev Next

→

def print_board(board): for row in board: ..ALL
Developer User18810｜Date and time 24/2/10 19:46:27
Build time 10.971 sec｜Game capacity 3.414KB｜

Script

This is a complete HTML file that implements a Tic Tac Toe game playable on a smartphone. The game board is displayed as a 3x3 grid of cells, and players can tap on the cells to make their moves. The game supports two players, 'X' and 'O'. After each move, the game checks for a winner or a tie. If a player wins or the game ends in a tie, an alert message is shown. The game logic is implemented using JavaScript enclosed in script tags. The `printBoard` function is responsible for rendering the current state of the game board. The `checkWinner` function checks if a player has won the game. The `handleCellClick` function handles the logic when a player clicks on a cell. To play the game, you can simply open the HTML file in a web browser on your smartphone. The game will be displayed with the initial empty board. You can then tap on the cells to make your moves. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```
<!DOCTYPE html>
<html>
<head>
  <title>Tic Tac Toe</title>
  <style>
    .board {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px;
      background-color: #f0f0f0;
      padding: 10px;
      margin: auto;
      width: 300px;
    }

.cell {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 50px;
      background-color: #ffffff;
      border: 2px solid #000000;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="board"></div>

function printBoard() {
      var boardElement = document.querySelector('.board');
      boardElement.innerHTML = '';

for (var i = 0; i < 3; i++) {
        for (var j = 0; j < 3; j++) {
          var cell = document.createElement('div');
          cell.classList.add('cell');
          cell.dataset.row = i;
          cell.dataset.col = j;
          cell.innerText = board[i][j];
          cell.addEventListener('click', handleCellClick);
          boardElement.appendChild(cell);
        }
      }
    }

// 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;
    }

function handleCellClick(event) {
      if (gameOver) {
        return;
      }

var row = parseInt(event.target.dataset.row);
      var col = parseInt(event.target.dataset.col);

if (board[row][col] !== '') {
        return;
      }

board[row][col] = currentPlayer;
      event.target.innerText = currentPlayer;

if (checkWinner(currentPlayer)) {
        alert('Player ' + currentPlayer + ' wins!');
        gameOver = true;
      } else if (!board.flat().includes('')) {
        alert('It\'s a tie!');
        gameOver = true;
      } else {
        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
      }
    }

printBoard();
  </script>
</body>
</html>
```

The game logic is implemented using JavaScript enclosed in script tags. The `printBoard` function is responsible for rendering the current state of the game board. The `checkWinner` function checks if a player has won the game. The `handleCellClick` function handles the logic when a player clicks on a cell.

To play the game, you can simply open the HTML file in a web browser on your smartphone. The game will be displayed with the initial empty board. You can then tap on the cells to make your moves. Enjoy playing!