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

No:21283

←

Prev Next

→

the ghost
Developer User5574｜Date and time 23/10/14 15:09:07
Build time 28.434 sec｜Game capacity 1.459KB｜

Script

The Ghost Game

Click on the ghost to catch it!

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>The Ghost Game</title>
    <style>
        body {
            text-align: center;
        }
        #ghost {
            font-size: 50px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>The Ghost Game</h1>
    <p>Click on the ghost to catch it!</p>
    
    <p id="score">Score: 0</p>

function startGame() {
            interval = setInterval(moveGhost, 1000);
        }

function moveGhost() {
            var ghost = document.getElementById("ghost");
            var screenWidth = window.innerWidth - 100;
            var screenHeight = window.innerHeight - 100;
            var randomX = Math.floor(Math.random() * screenWidth);
            var randomY = Math.floor(Math.random() * screenHeight);
            ghost.style.left = randomX + "px";
            ghost.style.top = randomY + "px";
        }

function catchGhost() {
            score++;
            document.getElementById("score").textContent = "Score: " + score;
        }

document.addEventListener("DOMContentLoaded", function(event) {
            var ghost = document.createElement("div");
            ghost.textContent = "👻";
            ghost.id = "ghost";
            document.body.appendChild(ghost);

ghost.addEventListener("click", catchGhost);
            startGame();
        });
    </script>
</body>
</html>