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

No:34259

Five nights at Freddy’s 5 nights at sleep
Developer User4377｜Date and time 24/1/9 17:34:47
Build time 22.117 sec｜Game capacity 4.532KB｜

Script

Five Nights at Sleep

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Five Nights at Sleep</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
        }

#game-container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            text-align: center;
        }

h1 {
            font-size: 28px;
        }

#start-button, #retry-button {
            padding: 10px 16px;
            background-color: #00ff00;
            color: #000;
            font-size: 20px;
            border: none;
            cursor: pointer;
            margin-top: 20px;
        }

#start-button:hover, #retry-button:hover {
            background-color: #00e600;
        }

#game-screen {
            display: none;
        }

#night-counter {
            font-size: 24px;
            margin-bottom: 20px;
        }

#animatronic-image {
            width: 200px;
            height: 200px;
            margin: 0 auto;
        }

#message {
            font-size: 20px;
            margin-top: 20px;
        }

#controls {
            display: flex;
            justify-content: space-around;
            margin-top: 20px;
        }

.control-button {
            padding: 10px 16px;
            background-color: #00ff00;
            color: #000;
            font-size: 20px;
            border: none;
            cursor: pointer;
        }

.control-button:hover {
            background-color: #00e600;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Five Nights at Sleep</h1>
        <button id="start-button">Start Game</button>
        <div id="game-screen">
            <div id="night-counter"></div>
            <img src="animatronic.png" id="animatronic-image">
            <div id="message"></div>
            <div id="controls">
                <button class="control-button">Light</button>
                <button class="control-button">Door</button>
                <button class="control-button">Camera</button>
            </div>
            <button id="retry-button">Retry</button>
        </div>
    </div>

// DOM Elements
        const startButton = document.getElementById("start-button");
        const gameScreen = document.getElementById("game-screen");
        const nightCounter = document.getElementById("night-counter");
        const animatronicImage = document.getElementById("animatronic-image");
        const message = document.getElementById("message");
        const lightButton = document.getElementsByClassName("control-button")[0];
        const doorButton = document.getElementsByClassName("control-button")[1];
        const cameraButton = document.getElementsByClassName("control-button")[2];
        const retryButton = document.getElementById("retry-button");

// Gameplay logic
        function startGame() {
            nights = 1;
            isRunning = true;
            gameScreen.style.display = "block";
            startNight();
        }

function retryGame() {
            nights = 0;
            isRunning = false;
            gameScreen.style.display = "none";
            retryButton.style.display = "none";
            startButton.style.display = "block";
        }

// Event listeners
        startButton.addEventListener("click", startGame);
        retryButton.addEventListener("click", retryGame);
    </script>
</body>
</html>