Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Button Buster</title>
- </head>
- <body>
- <h1>Button Buster</h1>
- <p>Points: <span id="points">0</span></p>
- <button id="clickButton">Click Me!</button>
- <br>
- <button id="autoClickUpgrade" disabled>Buy Auto-Clicker (Cost: 10)</button>
- <button id="powerClickUpgrade" disabled>Buy Power Click (Cost: 20)</button>
- <br>
- <h2>Achievements</h2>
- <ul id="achievements">
- <li id="speedClickerAchievement">Speed Clicker: Not earned</li>
- </ul>
- <script>
- // Variables
- let points = 0;
- let autoClickLevel = 0;
- let powerClickLevel = 0;
- let autoClickCost = 10;
- let powerClickCost = 20;
- // Elements
- const pointsElement = document.getElementById("points");
- const clickButton = document.getElementById("clickButton");
- const autoClickUpgrade = document.getElementById("autoClickUpgrade");
- const powerClickUpgrade = document.getElementById("powerClickUpgrade");
- const speedClickerAchievement = document.getElementById("speedClickerAchievement");
- // Update points on screen
- function updatePoints() {
- pointsElement.textContent = points;
- }
- // Button click event
- clickButton.addEventListener("click", () => {
- points += 1 + powerClickLevel;
- updatePoints();
- });
- // Auto-Clicker upgrade
- autoClickUpgrade.addEventListener("click", () => {
- if (points >= autoClickCost) {
- points -= autoClickCost;
- autoClickLevel++;
- autoClickCost *= 2;
- updatePoints();
- autoClickUpgrade.textContent = `Buy Auto-Clicker (Cost: ${autoClickCost})`;
- if (autoClickLevel === 1) {
- clickButton.disabled = true; // Disable manual clicks once auto-clicker is bought
- }
- }
- });
- // Power Click upgrade
- powerClickUpgrade.addEventListener("click", () => {
- if (points >= powerClickCost) {
- points -= powerClickCost;
- powerClickLevel++;
- powerClickCost *= 2;
- updatePoints();
- powerClickUpgrade.textContent = `Buy Power Click (Cost: ${powerClickCost})`;
- }
- });
- // Speed Clicker achievement
- let speedClickerAchievementEarned = false;
- function checkSpeedClickerAchievement() {
- if (!speedClickerAchievementEarned && points >= 100) {
- speedClickerAchievement.textContent = "Speed Clicker: Earned!";
- speedClickerAchievementEarned = true;
- }
- }
- // Interval for auto-clicker
- let autoClickInterval = setInterval(() => {
- points += autoClickLevel;
- updatePoints();
- checkSpeedClickerAchievement();
- }, 1000);
- // Check for achievements on page load
- checkSpeedClickerAchievement();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement