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

No:36701

真ん中の丸い大きなボタンを押すと右上のコインのカウントが1増える。下のガチャボタンを押すと真ん中のボ..ALL
Developer User16795｜Date and time 24/1/18 9:10:07
Build time 5.992 sec｜Game capacity 1.49KB｜

Script

ガチャゲーム

コインの数: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>ガチャゲーム</title>
    <style>
        body {
            text-align: center;
        }
        button {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            font-size: 40px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <h1>ガチャゲーム</h1>
    <p>コインの数: <span id="coinCount">0</span></p>
    <button id="playButton" onclick="increaseCoinCount()">ボタンを押す</button>
    <hr>
    <button id="gachaButton" onclick="playGacha()">ガチャを回す</button>
    
    <script>
        var coinCount = 0;

function increaseCoinCount() {
            coinCount++;
            document.getElementById("coinCount").textContent = coinCount;
        }

function playGacha() {
            if (coinCount < 10) {
                alert("コインが足りません！");
                return;
            }

var randomNumber = Math.random();
            var button = document.getElementById("playButton");

if (randomNumber < 0.6) {
                button.style.backgroundColor = "red";
            } else if (randomNumber < 0.9) {
                button.style.backgroundColor = "blue";
            } else {
                button.style.backgroundColor = "yellow";
            }

coinCount -= 10;
            document.getElementById("coinCount").textContent = coinCount;
        }
    </script>
</body>
</html>