鬼ごっこぴえん's game

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

No:30652

←

Prev Next

→

鬼ごっこぴえん
Developer User14903｜Date and time 23/12/23 14:40:35
Build time 15.845 sec｜Game capacity 2.819KB｜

Script

了解です。以下にJavaScriptを含むHTMLファイルの例を示します。このファイルは鬼ごっこの簡単なゲームとして遊ぶことができます。

🏃

追いかける！

このHTMLファイルをブラウザで開くと、鬼ごっこのゲームが開始されます。プレイヤーの絵文字をクリックするか、制限時間（10秒）が経過するとゲームが終了し、「鬼に捕まったぴえん！」と表示されます。その後、「もう一度遊ぶ」ボタンをクリックするとゲームを再開できます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にJavaScriptを含むHTMLファイルの例を示します。このファイルは鬼ごっこの簡単なゲームとして遊ぶことができます。

```html
<!DOCTYPE html>
<html>
<head>
    <title>鬼ごっこぴえん</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            background-color: lightblue;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #player {
            font-size: 50px;
        }
        #button {
            font-size: 30px;
            padding: 10px 20px;
            background-color: coral;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        #message {
            font-size: 30px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="player">🏃</div>
    <div id="button">追いかける！</div>
    <div id="message"></div>

var gameEnded = false;
        var timeRemaining = 10;

button.addEventListener("click", startGame);

function startGame() {
            button.removeEventListener("click", startGame);
            button.style.display = "none";
            gameEnded = false;
            message.innerText = "";

player.addEventListener("click", function() {
                if (!gameEnded) {
                    endGame();
                    clearInterval(timerId);
                }
            });
        }

function endGame() {
            gameEnded = true;
            player.innerText = "😱";
            message.innerText = "鬼に捕まったぴえん！";
            button.style.display = "inline-block";
            button.innerText = "もう一度遊ぶ";
            button.addEventListener("click", startGame);
        }
    </script>
</body>
</html>
```