AI game creator

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

No:48436

←

Prev Next

→

Un juego tictactoe
Developer User18058｜Date and time 24/3/2 5:44:16
Build time 8.745 sec｜Game capacity 1.77KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juego Tic Tac Toe</title>
<style>
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
  }
  .button {
    width: 80px;
    height: 80px;
    font-size: 24px;
    margin: 5px;
    background-color: white;
    border: 2px solid black;
  }
</style>
</head>
<body>
<script>
  let currentPlayer = 'X';
  const board = ['', '', '', '', '', '', '', '', ''];
  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]
  ];

const buttons = document.querySelectorAll('.button');

buttons.forEach((button, index) => {
    button.addEventListener('click', () => {
      if (board[index] === '' && !checkWinner()) {
        board[index] = currentPlayer;
        button.textContent = currentPlayer;
        if (checkWinner()) {
          alert(`¡${currentPlayer} ha ganado!`);
        } else {
          currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
        }
      }
    });
  });