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

No:13385

107

←

Prev Next

→

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 4:06:34
Build time 6.422 sec｜Game capacity 1.61KB｜

Script

City Building Game

Money: 0

Population: 0

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<html>
  <head>
    <script>
      var money = 0;
      var population = 0;
      
      function addCommercialBuilding() {
        money += 1;
        population -= 25;
        updateDisplay();
      }
      
      function addResidentialBuilding() {
        money += 1;
        population += 50;
        updateDisplay();
      }
      
      function addIndustrialBuilding() {
        money += 5;
        population -= 75;
        updateDisplay();
      }
      
      function updateDisplay() {
        document.getElementById("moneyDisplay").innerHTML = "Money: " + money;
        document.getElementById("populationDisplay").innerHTML = "Population: " + population;
        
        if (population <= 0) {
          document.getElementById("commercialButton").style.display = "none";
          document.getElementById("industrialButton").style.display = "none";
        } else {
          document.getElementById("commercialButton").style.display = "block";
          document.getElementById("industrialButton").style.display = "block";
        }
      }
    </script>
  </head>
  
  <body>
    <h1>City Building Game</h1>
    
    <div id="moneyDisplay">Money: 0</div>
    <div id="populationDisplay">Population: 0</div>
    
    <button id="residentialButton" onclick="addResidentialBuilding()">Add Residential Building</button>
    <button id="commercialButton" onclick="addCommercialBuilding()">Add Commercial Building</button>
    <button id="industrialButton" onclick="addIndustrialBuilding()">Add Industrial Building</button>
    
    <script>
      updateDisplay();
    </script>
  </body>
</html>