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

No:43607

←

Prev Next

→

Tic tac toe
Developer User19162｜Date and time 24/2/16 5:20:04
Build time 13.441 sec｜Game capacity 3.26KB｜

Script

Sure! Here is a simple implementation of Tic Tac Toe as a single HTML file using JavaScript. The game will be playable on a smartphone, and I will use pictograms to represent X and O.

Tic Tac Toe

To play the game, simply open the HTML file in a web browser on your smartphone. You can tap on the cells to make your moves, and pictograms representing X and O will be displayed in the respective cells. The game will detect the winner or a tie and alert you accordingly. To start a new game, simply refresh the page. Please note that this is a very basic implementation of Tic Tac Toe, and there is no AI opponent. It allows for two human players to take turns.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here is a simple implementation of Tic Tac Toe as a single HTML file using JavaScript. The game will be playable on a smartphone, and I will use pictograms to represent X and O.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tic Tac Toe</title>
  <style>
    body {
      text-align: center;
    }
    
    .board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 300px;
      margin: 0 auto;
    }
    
    .cell {
      width: 90px;
      height: 90px;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Tic Tac Toe</h1>
  <div class="board">
    <div class="cell" onclick="makeMove(0)"></div>
    <div class="cell" onclick="makeMove(1)"></div>
    <div class="cell" onclick="makeMove(2)"></div>
    <div class="cell" onclick="makeMove(3)"></div>
    <div class="cell" onclick="makeMove(4)"></div>
    <div class="cell" onclick="makeMove(5)"></div>
    <div class="cell" onclick="makeMove(6)"></div>
    <div class="cell" onclick="makeMove(7)"></div>
    <div class="cell" onclick="makeMove(8)"></div>
  </div>

// Function to make a move
    function makeMove(index) {
      if (board[index] === '') {
        board[index] = currentPlayer;
        document.getElementsByClassName('cell')[index].textContent = currentPlayer;
        document.getElementsByClassName('cell')[index].style.cursor = 'not-allowed';
        
        if (checkWinner(currentPlayer)) {
          alert(currentPlayer + ' wins!');
          resetGame();
        } else if (board.filter(cell => cell === '').length === 0) {
          alert('It\'s a tie!');
          resetGame();
        } else {
          currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
        }
      }
    }

// Function to check for a winner
    function checkWinner(player) {
      var winningCombos = [
        [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
        [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
        [0, 4, 8], [2, 4, 6]              // Diagonals
      ];

for (var combo of winningCombos) {
        if (board[combo[0]] === player && board[combo[1]] === player && board[combo[2]] === player) {
          return true;
        }
      }

return false;
    }

// Function to reset the game
    function resetGame() {
      board = ['', '', '', '', '', '', '', '', ''];
      currentPlayer = 'X';

var cells = document.getElementsByClassName('cell');
      for (var cell of cells) {
        cell.textContent = '';
        cell.style.cursor = 'pointer';
      }
    }
  </script>
</body>
</html>
```

Please note that this is a very basic implementation of Tic Tac Toe, and there is no AI opponent. It allows for two human players to take turns.