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

No:13382

129

←

Prev Next

→

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 4:03:35
Build time 9.291 sec｜Game capacity 2.038KB｜

Script

City Building Game

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>
   <style>
      body {
         font-family: Arial, sans-serif;
         text-align: center;
      }
      #money {
         font-size: 24px;
         font-weight: bold;
      }
      #population {
         font-size: 24px;
         font-weight: bold;
      }
      button {
         margin-top: 20px;
         padding: 10px 20px;
         font-size: 16px;
         background-color: #4CAF50;
         color: white;
         border: none;
         border-radius: 4px;
         cursor: pointer;
      }
   </style>
</head>
<body>
   <h1>City Building Game</h1>
   
   <script>
      var population = 100;
      var money = 0;

function updateDisplay() {
         document.getElementById("population").innerHTML = "Population: " + population;
         document.getElementById("money").innerHTML = "Money: " + money;
         
         // Disable buttons if there's no population
         if (population === 0) {
            document.getElementById("commercialBtn").disabled = true;
            document.getElementById("industrialBtn").disabled = true;
         }
      }

updateDisplay();
      }
   </script>
   
   <h2>Population: <span id="population">100</span></h2>
   <h2>Money: <span id="money">0</span></h2>
   
   <button id="commercialBtn" onclick="addBuilding('commercial')">Add Commercial Building</button>
   <button id="residentialBtn" onclick="addBuilding('residential')">Add Residential Building</button>
   <button id="industrialBtn" onclick="addBuilding('industrial')">Add Industrial Building</button>
   
   <script>
      updateDisplay();
   </script>
</body>
</html>