Combination of the first 3 games of the five nights at freddy's game series's game

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

No:15161

108

←

Prev Next

→

Combination of the first 3 games of the five night..ALL
Developer User6536｜Date and time 23/9/6 17:49:25
Build time 44.5 sec｜Game capacity 3.956KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <title>Five Nights at Freddy's Game</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #000000;
            color: #ffffff;
        }

#game-area {
            display: flex;
            flex-wrap: wrap;
            width: 600px;
            height: 400px;
        }

.cell {
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

// Function to initialize the game grid
        function initializeGrid() {
            var gameArea = document.getElementById("game-area");

for (var i = 0; i < grid.length; i++) {
                for (var j = 0; j < grid[i].length; j++) {
                    var cell = document.createElement("div");
                    cell.className = "cell";
                    cell.id = i + "-" + j;
                    cell.setAttribute("onclick", "makeMove(this)");
                    cell.innerText = grid[i][j];
                    gameArea.appendChild(cell);
                }
            }
        }

// Function to handle the player's move
        function makeMove(cell) {
            if (cell.innerText === "" && !gameOver) {
                cell.innerText = currentPlayer;
                validateMove(cell);
                switchPlayer();
            }
        }

// Function to validate the player's move
        function validateMove(cell) {
            var position = cell.id.split("-");
            var row = parseInt(position[0]);
            var col = parseInt(position[1]);

// Check row
            if (grid[row][0] === grid[row][1] && grid[row][1] === grid[row][2]) {
                announceWinner(grid[row][0]);
            }
            // Check column
            else if (grid[0][col] === grid[1][col] && grid[1][col] === grid[2][col]) {
                announceWinner(grid[0][col]);
            }
            // Check diagonal
            else if (grid[0][0] === grid[1][1] && grid[1][1] === grid[2][2] && grid[0][0] !== "") {
                announceWinner(grid[0][0]);
            }
            // Check reverse diagonal
            else if (grid[0][2] === grid[1][1] && grid[1][1] === grid[2][0] && grid[0][2] !== "") {
                announceWinner(grid[0][2]);
            }
            // Check for draw
            else if (isGridFull()) {
                announceDraw();
            }
        }

// Function to announce the winner
        function announceWinner(winner) {
            gameOver = true;
            alert("Player " + winner + " wins!");
        }

// Function to announce a draw
        function announceDraw() {
            gameOver = true;
            alert("It's a draw!");
        }

// Function to switch the current player
        function switchPlayer() {
            currentPlayer = currentPlayer === "X" ? "O" : "X";
        }

// Function to check if the grid is full
        function isGridFull() {
            for (var i = 0; i < grid.length; i++) {
                for (var j = 0; j < grid[i].length; j++) {
                    if (grid[i][j] === "") {
                        return false;
                    }
                }
            }
            return true;
        }

// Initialize the game grid
        initializeGrid();
    </script>
</body>
</html>