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

No:13380

100

←

Prev Next

→

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 4:02:39
Build time 6.624 sec｜Game capacity 1.79KB｜

Script

City Building Game

Bâtissez votre ville!

Population: 100

Money: 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>
    <h2>Bâtissez votre ville!</h2>
    
    <div id="populationMoneyDisplay">
      <p>Population: <span id="population">100</span></p>
      <p>Money: <span id="money">0</span></p>
    </div>
    
    <div id="buttons">
      <button id="residentialButton" onclick="addResidential()">Maison / Appartement</button>
      <button id="commercialButton" onclick="addCommercial()">Bâtiment commercial</button>
      <button id="industrialButton" onclick="addIndustrial()">Industrie</button>
    </div>
    
    <script>
      var population = 100;
      var money = 0;
      
      function addResidential() {
        if (population >= 50) {
          population -= 50;
          money += 1;
          updatePopulationMoneyDisplay();
        }
      }
      
      function addCommercial() {
        if (population >= 25) {
          population -= 25;
          money += 1;
          updatePopulationMoneyDisplay();
        }
      }
      
      function addIndustrial() {
        if (population >= 75) {
          population -= 75;
          money += 5;
          updatePopulationMoneyDisplay();
        }
      }
      
      function updatePopulationMoneyDisplay() {
        document.getElementById("population").innerHTML = population;
        document.getElementById("money").innerHTML = money;
        
        if (population === 0) {
          document.getElementById("residentialButton").style.display = "none";
          document.getElementById("commercialButton").style.display = "none";
          document.getElementById("industrialButton").style.display = "none";
        }
      }
      
      updatePopulationMoneyDisplay();
    </script>
  </body>
</html>