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

No:15236

145

←

Prev Next

→

A basic city builder game with money, gems, citize..ALL
Developer User5869｜Date and time 23/9/7 23:57:15
Build time 26.807 sec｜Game capacity 2.76KB｜

Script

City Builder Game

Money: 0

Gems: 0

Citizens: 0

Density: 0

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>City Builder Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        #game-container {
            text-align: center;
        }
        #resources {
            margin: 20px;
        }
        #buttons {
            margin: 20px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>City Builder Game</h1>

<div id="resources">
            <p>Money: <span id="money">0</span></p>
            <p>Gems: <span id="gems">0</span></p>
            <p>Citizens: <span id="citizens">0</span></p>
            <p>Density: <span id="density">0</span></p>
        </div>

<div id="buttons">
            <button id="upgrade-button">Upgrade</button>
            <button id="residence-button">Build Residence</button>
        </div>
    </div>

// Function to calculate density based on citizens and city area
        function calculateDensity(citizens, cityArea) {
            return (citizens / cityArea).toFixed(2);
        }

// Function to update the game UI
        function updateUI() {
            document.getElementById("money").textContent = money;
            document.getElementById("gems").textContent = gems;
            document.getElementById("citizens").textContent = citizens;
            document.getElementById("density").textContent = calculateDensity(citizens, cityArea);
        }

// Function to handle the upgrade button click
        function handleUpgradeButtonClick() {
            money += 100; // Assuming each upgrade costs 100 (can be changed later)
        }

// Function to handle the residence button click
        function handleResidenceButtonClick() {
            citizens += 10; // Assuming each residence adds 10 citizens (can be changed later)
        }

// Function to simulate game time and update resources
        setInterval(function() {
            money += 1; // Assuming each upgrade adds 1 money every 10 milliseconds

citizens += 10; // Assuming each residence adds 10 citizens every 30 milliseconds

updateUI();  // Update the UI after each interval
        }, 10);

// Event listeners for button clicks
        document.getElementById("upgrade-button").addEventListener("click", handleUpgradeButtonClick);
        document.getElementById("residence-button").addEventListener("click", handleResidenceButtonClick);
        
        // Initial UI update
        updateUI();
    </script>
</body>
</html>