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

No:13384

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 4:05:18
Build time 6.418 sec｜Game capacity 1.49KB｜

Script

City Building Game

Population: 0

Money: 0

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <script>
      let population = 0;
      let money = 0;

function addBuilding(buildingType) {
        const commercialBtn = document.getElementById("commercialBtn");
        const residentialBtn = document.getElementById("residentialBtn");
        const industrialBtn = document.getElementById("industrialBtn");

switch (buildingType) {
          case "commercial":
            population -= 25;
            money += 1;
            break;
          case "residential":
            population += 50;
            money += 1;
            break;
          case "industrial":
            population -= 75;
            money += 5;
            break;
        }

if (population <= 0) {
          commercialBtn.style.display = "none";
          industrialBtn.style.display = "none";
        }

document.getElementById("population").innerText = population;
        document.getElementById("money").innerText = money;
      }
    </script>
  </head>

<body>
    <h1>City Building Game</h1>
    <p>Population: <span id="population">0</span></p>
    <p>Money: <span id="money">0</span></p>

<button id="commercialBtn" onclick="addBuilding('commercial')">
      Commercial Building
    </button>
    <button id="residentialBtn" onclick="addBuilding('residential')">
      Residential Building
    </button>
    <button id="industrialBtn" onclick="addBuilding('industrial')">
      Industrial Building
    </button>
  </body>
</html>