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

No:6875

98

Haunted House👻.
Developer User3932｜Date and time 23/7/4 1:41:12
Build time 34.222 sec｜Game capacity 2.993KB｜

了解しました。以下にお化け屋敷のゲームを作成します。

お化け屋敷👻

お化けが現れました！どうしますか？

このゲームでは、画面中央に「お化け屋敷👻」と表示されます。下に「お化けが現れました！どうしますか？」とメッセージが表示され、ボタンをクリックして選択することができます。「攻撃する」ボタンをクリックすると、お化けを攻撃するかどうかの判定が行われます。「お化けを倒しました！おめでとう！」と表示されるか、ランダムに決まる確率で「お化けの攻撃を受けました！ゲームオーバー！」と表示され、ゲームが終了します。「逃げる」ボタンをクリックすると、「お化けから逃げました！ゲームクリア！」と表示され、ゲームが終了します。ゲームが終了した後には「もう一度遊ぶ」ボタンが表示され、ボタンをクリックするとページがリロードされ、ゲームをもう一度プレイすることができます。以上がお化け屋敷のゲームです。お楽しみください！

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解しました。以下にお化け屋敷のゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>お化け屋敷</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
            text-align: center;
        }
        button {
            font-size: 24px;
            padding: 10px 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>お化け屋敷👻</h1>
    <p id="message">お化けが現れました！どうしますか？</p>
    <button onclick="attack()">攻撃する</button>
    <button onclick="runAway()">逃げる</button>
    <button onclick="restart()" id="restartButton" style="display: none;">もう一度遊ぶ</button>

<script>
        let isPlaying = true;

function attack() {
            if (isPlaying) {
                const randomNumber = Math.random();
                if (randomNumber < 0.5) {
                    document.getElementById("message").textContent = "お化けを倒しました！おめでとう！";
                } else {
                    document.getElementById("message").textContent = "お化けの攻撃を受けました！ゲームオーバー！";
                    document.getElementById("restartButton").style.display = "block";
                    isPlaying = false;
                }
            }
        }

function runAway() {
            if (isPlaying) {
                document.getElementById("message").textContent = "お化けから逃げました！ゲームクリア！";
                document.getElementById("restartButton").style.display = "block";
                isPlaying = false;
            }
        }

function restart() {
            window.location.reload();
        }
    </script>
</body>
</html>
```

このゲームでは、画面中央に「お化け屋敷👻」と表示されます。下に「お化けが現れました！どうしますか？」とメッセージが表示され、ボタンをクリックして選択することができます。
「攻撃する」ボタンをクリックすると、お化けを攻撃するかどうかの判定が行われます。「お化けを倒しました！おめでとう！」と表示されるか、ランダムに決まる確率で「お化けの攻撃を受けました！ゲームオーバー！」と表示され、ゲームが終了します。
「逃げる」ボタンをクリックすると、「お化けから逃げました！ゲームクリア！」と表示され、ゲームが終了します。
ゲームが終了した後には「もう一度遊ぶ」ボタンが表示され、ボタンをクリックするとページがリロードされ、ゲームをもう一度プレイすることができます。
以上がお化け屋敷のゲームです。お楽しみください！