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

No:26148

Zombie survival apocalypse
Developer User12889｜Date and time 23/11/27 10:58:38
Build time 73.652 sec｜Game capacity 3.714KB｜

Script

Zombie Survival Apocalypse

Tap the Attack button to fend off the zombies!

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <style>
        body {
            background-color: #000;
            color: #fff;
            text-align: center;
            font-family: Arial, sans-serif;
        }

#game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 90vh;
        }

#instructions {
            font-size: 18px;
        }

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

#buttons {
            margin-top: 20px;
        }

#start-button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #3dc0cc;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

#attack-button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #f5555d;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

#restart-button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #3dc0cc;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: none;
        }

.zombie {
            width: 120px;
            height: 120px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Zombie Survival Apocalypse</h1>
        <p id="instructions">Tap the Attack button to fend off the zombies!</p>
        
        <p id="score">Score: 0</p>

<div id="buttons">
            <button id="start-button">Start</button>
            <button id="attack-button" disabled>Attack</button>
            <button id="restart-button">Restart</button>
        </div>
    </div>

function startGame() {
            gameStarted = true;
            score = 0;
            updateScore();

document.getElementById('start-button').style.display = 'none';
            document.getElementById('restart-button').style.display = 'none';
            document.getElementById('attack-button').disabled = false;

// Start spawning zombies every second
            gameInterval = setInterval(spawnZombie, 1000);
        }

function attackZombie() {
            score++;
            updateScore();
            spawnZombie();
        }

function spawnZombie() {
            var zombie = document.getElementById('zombie');
            var position = Math.floor(Math.random() * 80);

zombie.style.marginBottom = position + 'px';

if (position === 0) {
                gameOver();
            }
        }

function gameOver() {
            clearInterval(gameInterval);
            gameStarted = false;
            document.getElementById('attack-button').disabled = true;
            document.getElementById('restart-button').style.display = 'block';
        }

function updateScore() {
            document.getElementById('score').textContent = 'Score: ' + score;
        }

// Event listeners
        document.getElementById('start-button').addEventListener('click', startGame);
        document.getElementById('attack-button').addEventListener('click', attackZombie);
        document.getElementById('restart-button').addEventListener('click', startGame);
    </script>
</body>
</html>