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

No:21012

←

Prev Next

→

Tic tac Toe
Developer User9282｜Date and time 23/10/12 21:16:22
Build time 93.152 sec｜Game capacity 2.711KB｜

Script

Sure! Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

Tic Tac Toe

You can save this code into a single HTML file, open it in a web browser, and play the Tic Tac Toe game. The game interface is designed for smartphone operation, and pictograms (X and O) are used to represent the players' moves.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tic Tac Toe</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 50px;
    }
    
    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 30px;
    }
    
    .cell {
      width: 80px;
      height: 80px;
      border: 2px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      cursor: pointer;
    }
    
    .message {
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>Tic Tac Toe</h1>
  <div class="container">
    <div class="cell" onclick="move(0)"></div>
    <div class="cell" onclick="move(1)"></div>
    <div class="cell" onclick="move(2)"></div>
    <div class="cell" onclick="move(3)"></div>
    <div class="cell" onclick="move(4)"></div>
    <div class="cell" onclick="move(5)"></div>
    <div class="cell" onclick="move(6)"></div>
    <div class="cell" onclick="move(7)"></div>
    <div class="cell" onclick="move(8)"></div>
  </div>
  <div class="message"></div>

function checkWin() {
      const winCombinations = [
        [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 (let combination of winCombinations) {
        const [a, b, c] = combination;
        if (board[a] !== "" && board[a] === board[b] && board[a] === board[c]) {
          return true;
        }
      }
      return false;
    }
  </script>
</body>
</html>
```