AI game creator

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

No:15588

←

Prev Next

→

tic tac toe games
Developer DAMIEN LCX｜Date and time 23/9/10 2:22:43
Build time 34.045 sec｜Game capacity 3.013KB｜

Script

Bien sûr ! Voici un exemple d'implémentation d'un jeu de tic-tac-toe en tant que fichier HTML unique avec JavaScript. Les opérations sont adaptées pour une utilisation sur smartphone et des pictogrammes sont utilisés pour représenter les choix des joueurs.

Ce fichier HTML contient un tableau représentant la grille du jeu de tic-tac-toe avec des cellules ayant des identifiants uniques. Lorsqu'un joueur clique sur une cellule, la fonction `makeMove` est appelée pour réaliser le mouvement et vérifier s'il y a un gagnant. Le jeu se poursuit jusqu'à ce qu'un joueur gagne ou que les 9 cellules soient remplies sans gagnant. J'espère que cela répond à votre demande. Bonne chance pour jouer au tic-tac-toe !

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tic Tac Toe</title>
  <style>
    td {
      width: 100px;
      height: 100px;
      font-size: 48px;
      text-align: center;
    }
    table {
      margin: 0 auto;
    }
    #message {
      text-align: center;
      margin-top: 20px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td id="cell-0"></td>
      <td id="cell-1"></td>
      <td id="cell-2"></td>
    </tr>
    <tr>
      <td id="cell-3"></td>
      <td id="cell-4"></td>
      <td id="cell-5"></td>
    </tr>
    <tr>
      <td id="cell-6"></td>
      <td id="cell-7"></td>
      <td id="cell-8"></td>
    </tr>
  </table>
  <div id="message"></div>

for (let combo of winCombos) {
        if (
          document.getElementById(`cell-${combo[0]}`).textContent === player &&
          document.getElementById(`cell-${combo[1]}`).textContent === player &&
          document.getElementById(`cell-${combo[2]}`).textContent === player
        ) {
          return true;
        }
      }
      return false;
    }

// Fonction pour effectuer un mouvement
    function makeMove(cell) {
      const currentPlayer = turn % 2 === 0 ? 'X' : 'O';
      if (cell.textContent === '') {
        cell.textContent = currentPlayer;

if (checkWin(currentPlayer)) {
          message.textContent = `Le joueur ${currentPlayer} a gagné !`;
          gameEnded = true;
        } else if (turn === 8) {
          message.textContent = 'Match nul !';
          gameEnded = true;
        } else {
          turn++;
        }
      }
    }

// Événement pour gérer les clics sur les cases
    const cells = document.getElementsByTagName('td');
    for (let i = 0; i < cells.length; i++) {
      cells[i].addEventListener('click', function() {
        if (!gameEnded) {
          makeMove(this);
        }
      });
    }

let turn = 0;
    let gameEnded = false;
    const message = document.getElementById('message');
  </script>
</body>
</html>
```

J'espère que cela répond à votre demande. Bonne chance pour jouer au tic-tac-toe !