AI game creator

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

No:48183

221

←

Prev Next

→

Tictactoe game
Developer User20712｜Date and time 24/3/1 17:40:17
Build time 10.695 sec｜Game capacity 2.781KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tic Tac Toe Game</title>
</head>
<body>
    <div id="gameBoard">
        <div class="cell" onclick="makeMove(0)"></div>
        <div class="cell" onclick="makeMove(1)"></div>
        <div class="cell" onclick="makeMove(2)"></div>
        <div class="cell" onclick="makeMove(3)"></div>
        <div class="cell" onclick="makeMove(4)"></div>
        <div class="cell" onclick="makeMove(5)"></div>
        <div class="cell" onclick="makeMove(6)"></div>
        <div class="cell" onclick="makeMove(7)"></div>
        <div class="cell" onclick="makeMove(8)"></div>
    </div>

function makeMove(index) {
            if (gameInProgress && gameBoard[index] === '') {
                gameBoard[index] = currentPlayer;
                document.getElementsByClassName('cell')[index].innerHTML = currentPlayer;

if (checkWin()) {
                    alert(currentPlayer + ' wins!');
                    gameInProgress = false;
                } else if (checkTie()) {
                    alert('It\'s a tie!');
                    gameInProgress = false;
                } else {
                    currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                }
            }
        }

function checkWin() {
            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]
            ];

for (let combination of winningCombinations) {
                if (gameBoard[combination[0]] !== '' &&
                    gameBoard[combination[0]] === gameBoard[combination[1]] &&
                    gameBoard[combination[1]] === gameBoard[combination[2]]) {
                    return true;
                }
            }

return false;
        }

function checkTie() {
            return !gameBoard.includes('');
        }
    </script>

.cell {
            display: flex;
            justify-content: center;
            align-items: center;
            background: lightblue;
            font-size: 2em;
            cursor: pointer;
        }
    </style>
</body>
</html>