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

No:6280

6910

←

Prev Next

→

Nina and Alexander, where did you go? 🐶👧🪄.
Developer User3881｜Date and time 23/7/2 1:05:36
Build time 24.123 sec｜Game capacity 2.227KB｜

Script

それでは、以下に示す単純なゲームを実装してみます。

ニーナとアレキサンダーどこ行った？

ニーナとアレキサンダーの場所を当ててください！

このゲームでは、「ニーナ」と「アレキサンダー」が「庭」と「家の中」のどちらの場所にいるかを当てるゲームです。ボタンをクリックすることでプレイヤーの選択を行い、結果をアラートで表示します。ゲームの進行状況は、一度正解が見つかると終了するようになっています。

←

Prev　Next

→ 　

Back　

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

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

それでは、以下に示す単純なゲームを実装してみます。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ニーナとアレキサンダー</title>
</head>
<body>
    <h1>ニーナとアレキサンダーどこ行った？</h1>

<div>
        <p>ニーナとアレキサンダーの場所を当ててください！</p>
        <button id="nina">ニーナ</button>
        <button id="alexander">アレキサンダー</button>
    </div>

// ゲームの進行状況
        var gameInProgress = true;

// プレイヤーの選択時の処理
        function onPlayerClick(player) {
            if (gameInProgress) {
                var message;
                if (locations[player] === "庭") {
                    message = "ニーナを見つけました！おめでとうございます！🐶";
                } else if (locations[player] === "家の中") {
                    message = "アレキサンダーを見つけました！おめでとうございます！👧🪄";
                } else {
                    message = "何も見つかりませんでした！";
                }
                alert(message);
                gameInProgress = false;
            }
        }

// ボタンクリック時にプレイヤーの選択を処理するイベントリスナーをセットアップ
        document.getElementById("nina").addEventListener("click", function() {
            onPlayerClick("nina");
        });

document.getElementById("alexander").addEventListener("click", function() {
            onPlayerClick("alexander");
        });
    </script>
</body>
</html>
```