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

No:13387

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 4:09:28
Build time 13.551 sec｜Game capacity 4.086KB｜

Script

City Building Game

Money: 0

Population: 0

Research Points: 0

←

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>
</head>
<body>
    <h1>City Building Game</h1>
    
    <div id="moneyDisplay">Money: 0</div>
    <div id="populationDisplay">Population: 0</div>
    <div id="researchPointsDisplay">Research Points: 0</div>
    
    <button id="homeButton">Build Home</button>
    <button id="apartmentButton">Build Apartment</button>
    <button id="commercialButton">Build Commercial Building</button>
    <button id="industryButton">Build Industry</button>
    <button id="energyButton">Build Energy Building</button>
    <button id="waterButton">Build Water Building</button>
    <button id="schoolButton">Build School</button>
    
    <script>
        var money = 0;
        var population = 0;
        var researchPoints = 0;
        
        var moneyDisplay = document.getElementById("moneyDisplay");
        var populationDisplay = document.getElementById("populationDisplay");
        var researchPointsDisplay = document.getElementById("researchPointsDisplay");
        
        var homeButton = document.getElementById("homeButton");
        var apartmentButton = document.getElementById("apartmentButton");
        var commercialButton = document.getElementById("commercialButton");
        var industryButton = document.getElementById("industryButton");
        var energyButton = document.getElementById("energyButton");
        var waterButton = document.getElementById("waterButton");
        var schoolButton = document.getElementById("schoolButton");
        
        homeButton.addEventListener("click", buildHome);
        apartmentButton.addEventListener("click", buildApartment);
        commercialButton.addEventListener("click", buildCommercial);
        industryButton.addEventListener("click", buildIndustry);
        energyButton.addEventListener("click", buildEnergy);
        waterButton.addEventListener("click", buildWater);
        schoolButton.addEventListener("click", buildSchool);
        
        function buildHome() {
            money += 1;
            population += 50;
            
            updateDisplays();
        }
        
        function buildApartment() {
            money += 1;
            population += 50;
            
            updateDisplays();
        }
        
        function buildCommercial() {
            money += 1;
            population -= 25;
            
            updateDisplays();
        }
        
        function buildIndustry() {
            money += 5;
            population -= 75;
            
            updateDisplays();
        }
        
        function buildEnergy() {
            if (money >= 25) {
                money -= 25;
            }
            else {
                alert("Not enough money to build an energy building!");
            }
            
            updateDisplays();
        }
        
        function buildWater() {
            if (money >= 25) {
                money -= 25;
            }
            else {
                alert("Not enough money to build a water building!");
            }
            
            updateDisplays();
        }
        
        function buildSchool() {
            if (money >= 100) {
                money -= 100;
                researchPoints += 1;
            }
            else {
                alert("Not enough money to build a school!");
            }
            
            updateDisplays();
        }
        
        function updateDisplays() {
            moneyDisplay.innerHTML = "Money: " + money;
            populationDisplay.innerHTML = "Population: " + population;
            researchPointsDisplay.innerHTML = "Research Points: " + researchPoints;
            
            if (population <= 0) {
                commercialButton.style.display = "none";
                industryButton.style.display = "none";
            }
            else {
                commercialButton.style.display = "inline-block";
                industryButton.style.display = "inline-block";
            }
        }
        
        updateDisplays();
    </script>
</body>
</html>