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

No:9626

151

A game where you get cookies and use cookies to bu..ALL
Developer User4403｜Date and time 23/7/26 18:08:19
Build time 30.634 sec｜Game capacity 2.972KB｜

以下に、指定された要件に基づいたJavaScriptを含むHTMLファイルの実装例を示します。

クッキー増殖ゲーム

0枚

以上のコードでは、クッキーの枚数と機械の台数を保持する変数を用意し、ボタンのクリックイベントに応じてそれらの値を更新する処理を行っています。具体的には、「機械を購入する」ボタンをクリックすると、クッキーが100枚以上あれば機械を購入し、クッキーの生成を自動化します。そして、「クッキーを生成する」ボタンをクリックすると、クッキーが1枚増えます。また、クッキーの枚数は`<p>`要素で表示し、`updateCookieCount`関数を使用して更新しています。初期状態ではクッキーの枚数は0枚となっています。このHTMLファイルを保存し、Webブラウザで開くと、クッキー増殖ゲームがプレイできます。各ボタンをクリックするとクッキーの枚数が更新され、自動でクッキーが増えていく様子が確認できます。

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

以下に、指定された要件に基づいたJavaScriptを含むHTMLファイルの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>クッキー増殖ゲーム</title>
</head>
<body>
    <h1>クッキー増殖ゲーム</h1>
    <p id="cookieCount">0枚</p>
    <button id="buyMachine">機械を購入する</button>
    <button id="generateCookie">クッキーを生成する</button>

<script>
        // クッキーの枚数と機械の台数を保持する変数
        let cookieCount = 0;
        let machineCount = 0;

// クッキーの枚数を更新する関数
        function updateCookieCount() {
            const cookieCountElement = document.getElementById("cookieCount");
            cookieCountElement.textContent = `${cookieCount}枚`;
        }

// 機械を購入するボタンのクリックイベントリスナー
        const buyMachineButton = document.getElementById("buyMachine");
        buyMachineButton.addEventListener("click", function() {
            if (cookieCount >= 100) {
                cookieCount -= 100;
                machineCount++;
                updateCookieCount();
                alert("機械を購入しました！");

// 機械を購入したらクッキーの生成を自動化
                setInterval(function() {
                    cookieCount += machineCount;
                    updateCookieCount();
                }, 1000);
            } else {
                alert("クッキーが足りません！");
            }
        });

// クッキーを生成するボタンのクリックイベントリスナー
        const generateCookieButton = document.getElementById("generateCookie");
        generateCookieButton.addEventListener("click", function() {
            cookieCount++;
            updateCookieCount();
        });

// 初期化
        updateCookieCount();
    </script>
</body>
</html>
```

以上のコードでは、クッキーの枚数と機械の台数を保持する変数を用意し、ボタンのクリックイベントに応じてそれらの値を更新する処理を行っています。具体的には、「機械を購入する」ボタンをクリックすると、クッキーが100枚以上あれば機械を購入し、クッキーの生成を自動化します。そして、「クッキーを生成する」ボタンをクリックすると、クッキーが1枚増えます。

また、クッキーの枚数は`<p>`要素で表示し、`updateCookieCount`関数を使用して更新しています。初期状態ではクッキーの枚数は0枚となっています。

このHTMLファイルを保存し、Webブラウザで開くと、クッキー増殖ゲームがプレイできます。各ボタンをクリックするとクッキーの枚数が更新され、自動でクッキーが増えていく様子が確認できます。