<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tic Tac Toe</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1>Tic Tac Toe</h1> <div id="board" class="board"> <div class="cell" id="cell-0"></div> <div class="cell" id="cell-1"></div> <div class="cell" id="cell-2"></div> <div class="'s game

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

No:42150

←

Prev Next

→

<!DOCTYPE html> <html lang="en"> <h..ALL
Developer User18810｜Date and time 24/2/10 20:15:59
Build time 9.251 sec｜Game capacity 3.067KB｜

Script

cell" id="cell-3">

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

cell" id="cell-3"></div>             <div class="cell" id="cell-4"></div>             <div class="cell" id="cell-5"></div>             <div class="cell" id="cell-6"></div>             <div class="cell" id="cell-7"></div>             <div class="cell" id="cell-8"></div>         </div>         <button onclick="resetGame()">Reset Game</button>     </div>     <script>         // Initialize game variables         let currentPlayer = "X";         let board = ["", "", "", "", "", "", "", "", ""];         let gameOver = false;          // Function to handle cell click event         function handleCellClick(cellId) {             // Check if cell is empty and game is not over             if (board[cellId] === "" && !gameOver) {                 // Update cell with current player                 document.getElementById("cell-" + cellId).innerText = currentPlayer;                 board[cellId] = currentPlayer;                  // Check if current player has won                 if (checkWin(currentPlayer)) {                     // Display winner message                     alert("Player " + currentPlayer + " wins!");                     gameOver = true;                 } else if (checkDraw()) {                     // Check if game is a draw                     alert("It's a draw!");                     gameOver = true;                 } else {                     // Switch player                     currentPlayer = currentPlayer === "X" ? "O" : "X";                 }             }         }          // Function to check if a player has won         function checkWin(player) {             // Define winning combinations             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             ];              // Check if any winning combination is achieved             for (let i = 0; i < winningCombinations.length; i++) {                 const [a, b, c] = winningCombinations[i];                 if (board[a] === player && board[b] === player && board[c] === player) {                     return true;                 }             }              return false;         }          // Function to check if the game is a draw         function checkDraw() {             return board.every(cell => cell !== "");         }          // Function to reset the game         function resetGame() {             // Clear cells             for (let i = 0; i < 9; i++) {                 document.getElementById("cell-" + i).innerText = "";             }              // Reset variables             currentPlayer = "X";             board = ["", "", "", "", "", "", "", "", ""];             gameOver = false;         }          // Add event listeners to cells         const cells = document.getElementsByClassName("cell");         for (let i = 0; i < cells.length; i++) {             cells[i].addEventListener("click", function() {                 handleCellClick(i);             });         }     </script> </body> </html>