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

No:9550

120

←

Prev Next

→

Make clicker game with money and upgrades like inv..ALL
Developer User4381｜Date and time 23/7/26 1:33:51
Build time 28.056 sec｜Game capacity 3.699KB｜

Script

Money Clicker Game

Current Money: $0

Investments:

Business A $0
Business B $0
Business C $0

This HTML file implements a simple Money Clicker game. The game features a button that you can click to increment your money. It also provides a list of investments (Business A, Business B, and Business C) that you can invest in using your earned money. Each investment has its own price and amount. When you invest in a business, the price of the investment is deducted from your money, and the investment amount increases. The game also tracks the earnings from each investment, which are affected by a potential upgrade that doubles the earnings. The money earned from investments is automatically added to your total money.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```
<!DOCTYPE html>
<html>
<head>
    <title>Money Clicker Game</title>
</head>
<body>
    <h1>Money Clicker Game</h1>
    <p>Current Money: <span id="moneyDisplay">$0</span></p>
    <button onclick="incrementMoney()">Click Me!</button>
    <p>Investments:</p>
    <ul id="investmentsList">
        <li>
            <span class="investmentName">Business A</span>
            <span class="investmentAmount">$0</span>
            <button onclick="invest('A')">Invest</button>
            <span class="investmentUpgrade"></span>
        </li>
        <li>
            <span class="investmentName">Business B</span>
            <span class="investmentAmount">$0</span>
            <button onclick="invest('B')">Invest</button>
            <span class="investmentUpgrade"></span>
        </li>
        <li>
            <span class="investmentName">Business C</span>
            <span class="investmentAmount">$0</span>
            <button onclick="invest('C')">Invest</button>
            <span class="investmentUpgrade"></span>
        </li>
    </ul>
    <script>
        // Initial variables
        let money = 0;
        let investments = {
            'A': { name: 'Business A', amount: 0, price: 10, upgrade: '' },
            'B': { name: 'Business B', amount: 0, price: 50, upgrade: '' },
            'C': { name: 'Business C', amount: 0, price: 100, upgrade: '' }
        };
    
        // Function to increment money on each click
        function incrementMoney() {
            money++;
            document.getElementById('moneyDisplay').textContent = '$' + money;
            calculateInvestmentEarnings();
        }
    
        // Function to handle investment
        function invest(investment) {
            if (money >= investments[investment].price) {
                money -= investments[investment].price;
                investments[investment].amount++;
                document.getElementById('moneyDisplay').textContent = '$' + money;
                document.getElementsByClassName('investmentAmount')[investment.charCodeAt() - 65].textContent = '$' + investments[investment].amount;
                calculateInvestmentEarnings();
            }
        }
    
        // Function to calculate investment earnings
        function calculateInvestmentEarnings() {
            for (const [investment, data] of Object.entries(investments)) {
                const investmentAmount = data.amount;
                const upgradeMultiplier = data.upgrade === '' ? 1 : 2; // Upgrade doubles the earnings
    
                // Calculate earnings for each investment
                const earnings = investmentAmount * upgradeMultiplier;
                money += earnings;
    
                // Update money display
                document.getElementById('moneyDisplay').textContent = '$' + money;
    
                // Update investment upgrade display
                document.getElementsByClassName('investmentUpgrade')[investment.charCodeAt() - 65].textContent = 'Earnings: $' + earnings;
            }
        }
    </script>
</body>
</html>
```