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

No:9433

162

←

Prev Next

→

a purple clicker game with upgrades, prestiges, an..ALL
Developer User4359｜Date and time 23/7/24 21:40:01
Build time 34.659 sec｜Game capacity 4.836KB｜

Script

Sure! Here's an example of a simple purple clicker game with upgrades, prestiges, and a dog, implemented as a single HTML file:

Purple Clicker Game

Click the button to earn points!

This game has a purple button that you can click to earn points. There are two upgrades available that increase the number of points you earn per click, and a prestige button that resets your points but increases your prestige level. It also shows a message element for feedback and displays the points using the `toLocaleString` method to format the number with commas. Feel free to modify or enhance this game based on your preferences or add more features as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple purple clicker game with upgrades, prestiges, and a dog, implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Purple Clicker Game</title>
    <style>
        body {
            text-align: center;
        }

#message {
            color: purple;
            font-size: 24px;
            margin-bottom: 30px;
        }

#clicker {
            width: 200px;
            height: 200px;
            background-color: purple;
            color: white;
            font-size: 30px;
            line-height: 200px;
            cursor: pointer;
        }

#upgrades {
            margin-top: 30px;
        }

.upgrade-button {
            padding: 8px 20px;
            margin: 10px;
            font-size: 16px;
            background-color: purple;
            color: white;
            border: none;
            cursor: pointer;
        }

#prestige-button {
            margin-top: 30px;
            font-size: 20px;
            background-color: purple;
            color: white;
            border: none;
            padding: 10px 30px;
            cursor: pointer;
        }

#dog {
            width: 120px;
            height: 120px;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <h1>Purple Clicker Game</h1>
    <p id="message">Click the button to earn points!</p>
    <button id="clicker">Purple Click!</button>
    <div id="upgrades">
        <button class="upgrade-button" id="upgrade1">Upgrade 1 (x2 points per click) - Cost: 10</button>
        <button class="upgrade-button" id="upgrade2">Upgrade 2 (x3 points per click) - Cost: 20</button>
    </div>
    <button id="prestige-button">Prestige</button>
    <img src="dog.png" id="dog">

// Handle button click
        clickerButton.addEventListener('click', function() {
            points += clickValue;
            updatePointsDisplay();
        });
        
        // Handle upgrade 1 button click
        upgrade1Button.addEventListener('click', function() {
            if (points >= upgrade1Cost) {
                points -= upgrade1Cost;
                clickValue *= 2;
                upgrade1Cost *= 2;
                messageElement.textContent = 'Upgrade 1 purchased!';
                updatePointsDisplay();
            } else {
                messageElement.textContent = 'Not enough points to purchase the upgrade!';
            }
        });
        
        // Handle upgrade 2 button click
        upgrade2Button.addEventListener('click', function() {
            if (points >= upgrade2Cost) {
                points -= upgrade2Cost;
                clickValue *= 3;
                upgrade2Cost *= 2;
                messageElement.textContent = 'Upgrade 2 purchased!';
                updatePointsDisplay();
            } else {
                messageElement.textContent = 'Not enough points to purchase the upgrade!';
            }
        });
        
        // Handle prestige button click
        prestigeButton.addEventListener('click', function() {
            if (points >= 100) {
                points = 0;
                clickValue = 1;
                upgrade1Cost = 10;
                upgrade2Cost = 20;
                prestigeLevel++;
                messageElement.textContent = 'Prestige Level ' + prestigeLevel + ' achieved!';
                updatePointsDisplay();
            } else {
                messageElement.textContent = 'You need at least 100 points to prestige!';
            }
        });
    </script>
</body>
</html>
```

Feel free to modify or enhance this game based on your preferences or add more features as desired.