City building game with money display. The commercial buildings add 1 money and reduce 25 of the population. Homes and appartements add 1 money and 50 of the population. Industry add 5 money and reduce 75 of the population.'s game

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

No:13378

←

Prev Next

→

City building game with money display. The commerc..ALL
Developer User5869｜Date and time 23/8/28 3:59:43
Build time 9.25 sec｜Game capacity 2.487KB｜

Script

Population: 100 | Money: 0

🏘️ Maison

🏢 Appartement

🏭 Industrie

←

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;
    }
    .building-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .building-icon {
        font-size: 30px;
        margin-right: 10px;
    }
    .building-name {
        font-size: 20px;
        font-weight: bold;
    }
    .population-count, .money-count {
        font-size: 16px;
        font-weight: bold;
    }
    .btn {
        padding: 10px;
        font-size: 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <div><span class="population-count">Population: 100</span> | <span class="money-count">Money: 0</span></div>
    <div class="building-container">
        <span class="building-icon">🏘️</span>
        <span class="building-name">Maison</span>
        <button class="btn" onclick="buildHome()">Construire</button>
    </div>
    <div class="building-container">
        <span class="building-icon">🏢</span>
        <span class="building-name">Appartement</span>
        <button class="btn" onclick="buildApartment()">Construire</button>
    </div>
    <div class="building-container">
        <span class="building-icon">🏭</span>
        <span class="building-name">Industrie</span>
        <button class="btn" onclick="buildIndustry()">Construire</button>
    </div>

function updatePopulationCount() {
        var populationCount = document.querySelector('.population-count');
        populationCount.textContent = 'Population: ' + population;
    }

function updateMoneyCount() {
        var moneyCount = document.querySelector('.money-count');
        moneyCount.textContent = 'Money: ' + money;
    }

function buildHome() {
        money += 1;
        population += 50;
        updateMoneyCount();
        updatePopulationCount();
    }

function buildApartment() {
        money += 1;
        population += 25;
        updateMoneyCount();
        updatePopulationCount();
    }

function buildIndustry() {
        money += 5;
        population += 75;
        updateMoneyCount();
        updatePopulationCount();
    }
</script>
</body>
</html>