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

No:35256

←

Prev Next

→

インクリメンタルゲーム
Developer User16470｜Date and time 24/1/13 18:10:10
Build time 10.492 sec｜Game capacity 2.589KB｜

Script

了解しました。以下にインクリメンタルゲームのプログラムを記述します。

インクリメンタルゲーム

クリックしてポイントを獲得しよう！

現在のポイント: 0

アップグレード

現在のアップグレードレベル: 0

このゲームは、クリックする事でポイントを獲得し、アップグレードを購入する事でポイントの獲得速度を上げることができるインクリメンタルゲームです。お使いのスマートフォンのブラウザで開いてプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にインクリメンタルゲームのプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>インクリメンタルゲーム</title>
</head>
<body>
    
    <h1>インクリメンタルゲーム</h1>
    
    <p>クリックしてポイントを獲得しよう！</p>
    
    <button id="clickButton">クリック</button>
    
    <p>現在のポイント: <span id="point">0</span></p>
    
    <h2>アップグレード</h2>
    
    <button id="upgradeButton" disabled>アップグレードを購入（コスト: <span id="upgradeCost">10</span>ポイント）</button>

<p>現在のアップグレードレベル: <span id="upgradeLevel">0</span></p>
    
    <script>
        let point = 0;
        let upgradeLevel = 0;
        let upgradeCost = 10;
        
        const clickButton = document.getElementById('clickButton');
        const pointElement = document.getElementById('point');
        const upgradeButton = document.getElementById('upgradeButton');
        const upgradeCostElement = document.getElementById('upgradeCost');
        const upgradeLevelElement = document.getElementById('upgradeLevel');

// クリック時の処理
        clickButton.addEventListener('click', () => {
            point++;
            pointElement.innerText = point;
            checkUpgradeAvailability();
        });

// アップグレード購入時の処理
        upgradeButton.addEventListener('click', () => {
            if (point >= upgradeCost) {
                point -= upgradeCost;
                upgradeLevel++;
                pointElement.innerText = point;
                upgradeLevelElement.innerText = upgradeLevel;
                upgradeCost *= 2;
                upgradeCostElement.innerText = upgradeCost;
                checkUpgradeAvailability();
            }
        });

// アップグレードの購入可否をチェック
        function checkUpgradeAvailability() {
            if (point >= upgradeCost) {
                upgradeButton.removeAttribute('disabled');
            } else {
                upgradeButton.setAttribute('disabled', 'disabled');
            }
        }
    </script>
    
</body>
</html>
```