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

No:52240

←

Prev Next

→

陣取りゲーム
Developer User21817｜Date and time 24/3/19 19:07:58
Build time 7.427 sec｜Game capacity 1.879KB｜

Script

陣取りゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>陣取りゲーム</title>
</head>
<body>
    <h1>陣取りゲーム</h1>
    
    <div id="gameBoard">
        <div class="square" onclick="takeSquare(0)"></div>
        <div class="square" onclick="takeSquare(1)"></div>
        <div class="square" onclick="takeSquare(2)"></div>
        <div class="square" onclick="takeSquare(3)"></div>
        <div class="square" onclick="takeSquare(4)"></div>
        <div class="square" onclick="takeSquare(5)"></div>
        <div class="square" onclick="takeSquare(6)"></div>
        <div class="square" onclick="takeSquare(7)"></div>
        <div class="square" onclick="takeSquare(8)"></div>
    </div>

function takeSquare(squareIndex) {
            if (!gameOver && gameBoard[squareIndex] === '') {
                gameBoard[squareIndex] = currentPlayer;
                document.getElementsByClassName('square')[squareIndex].innerHTML = currentPlayer;

if (checkWinner(currentPlayer)) {
                    alert(currentPlayer + 'の勝利！');
                    gameOver = true;
                } else {
                    currentPlayer = currentPlayer === '🔵' ? '❌' : '🔵';
                }
            }
        }

function checkWinner(player) {
            const winPatterns = [
                [0, 1, 2],
                [3, 4, 5],
                [6, 7, 8],
                [0, 3, 6],
                [1, 4, 7],
                [2, 5, 8],
                [0, 4, 8],
                [2, 4, 6]
            ];

return winPatterns.some(pattern => {
                return pattern.every(squareIndex => gameBoard[squareIndex] === player);
            });
        }
    </script>
</body>
</html>