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

No:13376

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 3:57:40
Build time 9.567 sec｜Game capacity 2.619KB｜

Script

City Building Game

Money:

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>City Building Game</title>
    <style>
        #money-display {
            font-size: 20px;
            font-weight: bold;
            color: green;
            margin-bottom: 10px;
        }
        .building {
            border: 1px solid black;
            width: 100px;
            height: 100px;
            display: inline-block;
            padding: 10px;
            margin: 10px;
            text-align: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
<script>
    var money = 0;
    var population = 0;

function updateMoneyDisplay() {
        var moneyDisplay = document.getElementById("money-display");
        moneyDisplay.textContent = "Money: " + money;
    }

function handleBuildingClick(buildingType) {
        var building = document.getElementById(buildingType + "-building");
        var buildingAction = building.classList.contains("built") ? "remove" : "add";
        building.classList.toggle("built");
        updatePopulation(buildingType, buildingAction);
        updateMoneyDisplay();
    }

window.onload = function() {
        var commercialBuilding = document.getElementById("commercial-building");
        commercialBuilding.addEventListener("click", function() {
            handleBuildingClick("commercial");
        });

var residentialBuilding = document.getElementById("residential-building");
        residentialBuilding.addEventListener("click", function() {
            handleBuildingClick("residential");
        });

updateMoneyDisplay();
    };
</script>

<h1>City Building Game</h1>

<div id="money-display">Money:</div>

</body>
</html>