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

No:13379

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

Script

City Building Game

Money: 0

Population: 100

Buildings:

←

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 style="text-align: center;">City Building Game</h1>

<div style="text-align: center;">
    <h3>Money: <span id="money">0</span></h3>
    <h3>Population: <span id="population">100</span></h3>
  </div>

<div style="text-align: center;">
    <h2>Buildings:</h2>
    <button onclick="buildCommercialBuilding()">Commercial Building</button>
    <button onclick="buildResidentialBuilding()">Residential Building</button>
    <button onclick="buildIndustrialBuilding()">Industrial Building</button>
  </div>

function updateStats() {
      document.getElementById("money").textContent = money;
      document.getElementById("population").textContent = population;
    }

function buildCommercialBuilding() {
      money += 1;
      population -= 25;
      updateStats();
    }

function buildResidentialBuilding() {
      money += 1;
      population -= 50;
      updateStats();
    }

function buildIndustrialBuilding() {
      money += 5;
      population -= 75;
      updateStats();
    }
  </script>

</body>
</html>