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

No:13402

103

←

Prev Next

→

City building game with money, population and rese..ALL
Developer User5869｜Date and time 23/8/28 4:20:38
Build time 10.756 sec｜Game capacity 2.003KB｜

Script

City Building Game

Money: 0

Population: 0

Research Points: 0

Commercial Buildings

Homes and Apartments

Industry

Energy and Water

Schools and Universities

←

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>
    <h2>Money: <span id="money">0</span></h2>
    <h2>Population: <span id="population">0</span></h2>
    <h2>Research Points: <span id="researchPoints">0</span></h2>
  </div>

<div>
    <h3>Commercial Buildings</h3>
    <button onclick="addCommercialBuilding()">Add Commercial Building</button>
  </div>

<div>
    <h3>Homes and Apartments</h3>
    <button onclick="addHousingBuilding()">Add Housing Building</button>
  </div>

<div>
    <h3>Industry</h3>
    <button onclick="addIndustryBuilding()">Add Industry Building</button>
  </div>

<div>
    <h3>Energy and Water</h3>
    <button onclick="addEnergyBuilding()">Add Energy Building</button>
  </div>

<div>
    <h3>Schools and Universities</h3>
    <button onclick="addEducationBuilding()">Add Education Building</button>
  </div>

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

function addCommercialBuilding() {
      money += 1;
      population -= 25;
      updateDisplay();
    }

function addHousingBuilding() {
      money += 1;
      population += 50;
      updateDisplay();
    }

function addIndustryBuilding() {
      money += 5;
      population -= 75;
      updateDisplay();
    }

function addEnergyBuilding() {
      if (money >= 25) {
        money -= 25;
        updateDisplay();
      } else {
        alert("Not enough money!");
      }
    }

updateDisplay();
  </script>
</body>
</html>