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

No:9773

169

←

Prev Next

→

Greek gods battle
Developer User4426｜Date and time 23/7/27 13:51:53
Build time 32.835 sec｜Game capacity 4.901KB｜

Script

Greek Gods Battle

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Greek Gods Battle</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#gameBoard {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

.gridCell {
            width: 80px;
            height: 80px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.player1 {
            background-color: lightblue;
        }

.player2 {
            background-color: lightgreen;
        }

.message {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Greek Gods Battle</h1>

<button onclick="resetGame()">Reset Game</button>

// Game variables
        let currentPlayer = 'player1';
        let cells = [];

// Create the game board
        const gameBoard = document.getElementById('gameBoard');
        for (let i = 0; i < 9; i++) {
            const cell = document.createElement('div');
            cell.classList.add('gridCell');
            cells.push(cell);
            gameBoard.appendChild(cell);
        }

// Add event listeners to the cells
        cells.forEach(cell => {
            cell.addEventListener('click', () => makeMove(cell));
        });

// Function to handle player moves
        function makeMove(cell) {
            if (cell.innerText === '') {
                cell.innerText = getCurrentGod().symbol;
                cell.classList.add(currentPlayer);

// Check if the current player has won
                if (checkWin()) {
                    displayMessage(`${getCurrentGod().name} Wins!`);
                    disableBoard();
                    return;
                }

// Check if the game is a tie
                if (isTie()) {
                    displayMessage('It\'s a tie!');
                    disableBoard();
                    return;
                }

// Switch to the next player
                currentPlayer = currentPlayer === 'player1' ? 'player2' : 'player1';
                displayMessage(`Current Player: ${getCurrentGod().name} (${getCurrentGod().symbol})`);
            }
        }

// Function to get the current player's god object
        function getCurrentGod() {
            return gods.find(god => god.moves === 0);
        }

// Function to check for a winning combination
        function checkWin() {
            const symbols = cells.map(cell => cell.innerText);

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
            ];

for (const [a, b, c] of winningCombinations) {
                if (symbols[a] && symbols[a] === symbols[b] && symbols[a] === symbols[c]) {
                    return true;
                }
            }

return false;
        }

// Function to check if the game is a tie
        function isTie() {
            return gods.every(god => god.moves === 0);
        }

// Function to display a message on the screen
        function displayMessage(msg) {
            const messageElement = document.createElement('div');
            messageElement.classList.add('message');
            messageElement.innerText = msg;
            gameBoard.appendChild(messageElement);
        }

// Function to disable the game board
        function disableBoard() {
            cells.forEach(cell => {
                cell.removeEventListener('click', makeMove);
            });
        }

// Function to reset the game
        function resetGame() {
            cells.forEach(cell => {
                cell.innerText = '';
                cell.className = 'gridCell';
            });

currentPlayer = 'player1';
            displayMessage(`Current Player: ${getCurrentGod().name} (${getCurrentGod().symbol})`);
        }

// Start the game
        displayMessage(`Current Player: ${getCurrentGod().name} (${getCurrentGod().symbol})`);
    </script>
</body>
</html>