can you make tic tac tow's game

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

No:27963

←

Prev Next

→

can you make tic tac tow
Developer User13957｜Date and time 23/12/10 9:17:51
Build time 19.766 sec｜Game capacity 2.967KB｜

Script

Sure! Here's an example of a tic-tac-toe game implemented as a single HTML file using JavaScript:

To play the game, you can open the HTML file in your smartphone's web browser and start making moves by tapping on the squares. The game will alert you when a player wins or if it's a tie, and then you can continue playing by tapping on the squares accordingly. Please note that this is a basic implementation of tic-tac-toe, and there's room for further improvements, such as adding a user interface for better visual representation and enhancing the user experience.

←

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>
    .board {
      width: 300px;
      height: 300px;
      display: flex;
      flex-wrap: wrap;
      border: 2px solid black;
    }

.board div {
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      font-weight: bold;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="board"></div>

// DOM elements
    const squares = Array.from(document.getElementsByClassName("board")[0].getElementsByTagName("div"));

// Function to handle square clicks
    function handleSquareClick(index) {
      if (board[index] === "") {
        board[index] = currentPlayer;
        squares[index].innerText = currentPlayer;

if (checkWin()) {
          alert("Player " + currentPlayer + " wins!");
          resetBoard();
        } else if (isBoardFull()) {
          alert("It's a tie!");
          resetBoard();
        } else {
          currentPlayer = currentPlayer === "X" ? "O" : "X";
        }
      }
    }

// Function to check for a win
    function checkWin() {
      const winningCombinations = [
        [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 winningCombinations) {
        if (
          board[combination[0]] === currentPlayer &&
          board[combination[1]] === currentPlayer &&
          board[combination[2]] === currentPlayer
        ) {
          return true;
        }
      }

return false;
    }

// Function to check if the board is full
    function isBoardFull() {
      return board.every(square => square !== "");
    }

// Function to reset the board
    function resetBoard() {
      board = ["", "", "", "", "", "", "", "", ""];
      currentPlayer = "X";
      squares.forEach(square => square.innerText = "");
    }

// Attach click event listeners to squares
    squares.forEach((square, index) => square.addEventListener("click", () => handleSquareClick(index)));
  </script>
</body>
</html>
```

Please note that this is a basic implementation of tic-tac-toe, and there's room for further improvements, such as adding a user interface for better visual representation and enhancing the user experience.