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

No:6999

111

←

Prev Next

→

Win silver coins Simultaneous appearance game! Sil..ALL
Developer User3589｜Date and time 23/7/4 22:26:22
Build time 11.788 sec｜Game capacity 1.723KB｜

Script

銀貨を獲得同時多発出現ゲーム！

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>銀貨を獲得 同時多発出現ゲーム！</title>
    <style>
        body {
            background-color: lightgray;
            text-align: center;
        }
        .coin {
            font-size: 60px;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }
        .coin:hover {
            transform: scale(1.2);
        }
    </style>
</head>
<body>
    <h1>銀貨を獲得 同時多発出現ゲーム！</h1>
    <div id="gameContainer"></div>

function addCoin() {
            coins++;
            document.getElementById("coinCount").innerText = coins;
        }

function createCoin() {
            var coin = document.createElement("div");
            coin.innerHTML = "💰";
            coin.classList.add("coin");
            coin.addEventListener("click", addCoin);
            return coin;
        }

function getRandomPosition() {
            var screenWidth = window.innerWidth;
            var screenHeight = window.innerHeight;
            var randomX = Math.floor(Math.random() * screenWidth);
            var randomY = Math.floor(Math.random() * screenHeight);
            return [randomX, randomY];
        }

function startGame() {
            setInterval(function() {
                var coin = createCoin();
                var position = getRandomPosition();
                coin.style.left = position[0] + "px";
                coin.style.top = position[1] + "px";
                document.getElementById("gameContainer").appendChild(coin);
            }, 1000);
        }

startGame();
    </script>
</body>
</html>

銀貨を獲得 同時多発出現ゲーム！

銀貨を獲得同時多発出現ゲーム！