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

No:37929

Fnaf game full all 5 night and doors that can be o..ALL
Developer User17157｜Date and time 24/1/21 21:39:26
Build time 10.02 sec｜Game capacity 2.698KB｜

Script

Five Nights at Freddy's

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>FNAF - Five Nights at Freddy's</title>
    <style>
        body {
            background: black;
            text-align: center;
            color: white;
            font-family: Arial, sans-serif;
        }
        
        #gameBoard {
            background: gray;
            width: 500px;
            height: 400px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .door {
            background: brown;
            display: inline-block;
            width: 100px;
            height: 360px;
            margin: 0 10px;
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <h1>Five Nights at Freddy's</h1>
    <div id="gameBoard">
        <div id="doorLeft" class="door"></div>
        <div id="doorRight" class="door"></div>
    </div>
    
    <script>
        var doorLeftClosed = true;
        var doorRightClosed = true;
        
        function toggleDoor(doorId) {
            var door = document.getElementById(doorId);
            
            if (doorId === "doorLeft") {
                doorLeftClosed = !doorLeftClosed;
            } else if (doorId === "doorRight") {
                doorRightClosed = !doorRightClosed;
            }
            
            if (doorLeftClosed) {
                document.getElementById("doorLeft").style.background = "brown";
            } else {
                document.getElementById("doorLeft").style.background = "green";
            }
            
            if (doorRightClosed) {
                document.getElementById("doorRight").style.background = "brown";
            } else {
                document.getElementById("doorRight").style.background = "green";
            }
        }
        
        function checkSafety() {
            if (doorLeftClosed && doorRightClosed) {
                alert("You are safe from Freddy!");
            } else {
                alert("Freddy got you! Game Over!");
                // Implement game over logic here
            }
        }
        
        document.getElementById("doorLeft").addEventListener("click", function() {
            toggleDoor("doorLeft");
            checkSafety();
        });
        
        document.getElementById("doorRight").addEventListener("click", function() {
            toggleDoor("doorRight");
            checkSafety();
        });
        
        document.getElementById("gameBoard").addEventListener("click", function(e) {
            if (e.target !== document.getElementById("doorLeft") && e.target !== document.getElementById("doorRight")) {
                alert("Please click on a door!");
            }
        });
    </script>
</body>
</html>