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

No:15510

インクリメンタルゲーム『タップ！』を押すことで、1ptずつptが上がります。クリックした際に増加..ALL
Developer User6722｜Date and time 23/9/9 17:11:09
Build time 41.868 sec｜Game capacity 4.583KB｜

Script

タップ！

0pt

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>タップゲーム</title>
</head>
<body>
    <h1>タップ！</h1>
    <h2 id="point">0pt</h2>
    <button id="tapButton" onclick="increasePoint()">タップ！</button>
    <br><br>
    <button id="tapPowerButton" onclick="increaseTapPower()">タップ威力強化 (コスト: <span id="tapPowerCost">10</span>pt)</button>
    <br><br>
    <button id="passiveButton1" onclick="increasePassive(1)">パッシブ効果1 (コスト: 50pt)</button>
    <br><br>
    <button id="passiveButton2" onclick="increasePassive(4)">パッシブ効果2 (コスト: 200pt)</button>
    <br><br>
    <button id="passiveButton3" onclick="increasePassive(20)">パッシブ効果3 (コスト: 1000pt)</button>
    <br><br>
    <button id="passiveButton4" onclick="increasePassive(100)">パッシブ効果4 (コスト: 3000pt)</button>
    <br><br>
    <button id="passiveButton5" onclick="increasePassive(500)">パッシブ効果5 (コスト: 10000pt)</button>
    
    <script>
        var point = 0;
        var tapPower = 1;
        var tapPowerCost = 10;
        var passive1Cost = 50;
        var passive2Cost = 200;
        var passive3Cost = 1000;
        var passive4Cost = 3000;
        var passive5Cost = 10000;
        var passive1Effect = 0;
        var passive2Effect = 0;
        var passive3Effect = 0;
        var passive4Effect = 0;
        var passive5Effect = 0;
        
        function increasePoint() {
            point += tapPower;
            updatePoint();
        }
        
        function increaseTapPower() {
            if (point >= tapPowerCost) {
                point -= tapPowerCost;
                tapPower += 1;
                tapPowerCost += 10;
                updatePoint();
                updateTapPowerButton();
            }
        }
        
        function increasePassive(effect) {
            if (effect === 1 && point >= passive1Cost) {
                point -= passive1Cost;
                passive1Cost *= 2;
                passive1Effect += effect;
                updatePoint();
                updatePassiveButton(1);
            } else if (effect === 4 && point >= passive2Cost) {
                point -= passive2Cost;
                passive2Cost *= 2;
                passive2Effect += effect;
                updatePoint();
                updatePassiveButton(2);
            } else if (effect === 20 && point >= passive3Cost) {
                point -= passive3Cost;
                passive3Cost *= 2;
                passive3Effect += effect;
                updatePoint();
                updatePassiveButton(3);
            } else if (effect === 100 && point >= passive4Cost) {
                point -= passive4Cost;
                passive4Cost *= 2;
                passive4Effect += effect;
                updatePoint();
                updatePassiveButton(4);
            } else if (effect === 500 && point >= passive5Cost) {
                point -= passive5Cost;
                passive5Cost *= 2;
                passive5Effect += effect;
                updatePoint();
                updatePassiveButton(5);
            }
        }
        
        function updatePoint() {
            document.getElementById("point").innerHTML = point + "pt";
        }
        
        function updateTapPowerButton() {
            document.getElementById("tapPowerCost").innerHTML = tapPowerCost;
        }
        
        function updatePassiveButton(index) {
            if (index === 1) {
                document.getElementById("passiveButton1").innerHTML = "パッシブ効果1 (コスト: " + passive1Cost + "pt)";
            } else if (index === 2) {
                document.getElementById("passiveButton2").innerHTML = "パッシブ効果2 (コスト: " + passive2Cost + "pt)";
            } else if (index === 3) {
                document.getElementById("passiveButton3").innerHTML = "パッシブ効果3 (コスト: " + passive3Cost + "pt)";
            } else if (index === 4) {
                document.getElementById("passiveButton4").innerHTML = "パッシブ効果4 (コスト: " + passive4Cost + "pt)";
            } else if (index === 5) {
                document.getElementById("passiveButton5").innerHTML = "パッシブ効果5 (コスト: " + passive5Cost + "pt)";
            }
        }
        
        function passiveIncrease() {
            point += passive1Effect + passive2Effect + passive3Effect + passive4Effect + passive5Effect;
            updatePoint();
        }
        
        setInterval(passiveIncrease, 1000);
        
    </script>
</body>
</html>