Advertisement
xzysfn

game

May 7th, 2023
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Button Buster</title>
  5. </head>
  6. <body>
  7. <h1>Button Buster</h1>
  8. <p>Points: <span id="points">0</span></p>
  9. <button id="clickButton">Click Me!</button>
  10. <br>
  11. <button id="autoClickUpgrade" disabled>Buy Auto-Clicker (Cost: 10)</button>
  12. <button id="powerClickUpgrade" disabled>Buy Power Click (Cost: 20)</button>
  13. <br>
  14. <h2>Achievements</h2>
  15. <ul id="achievements">
  16. <li id="speedClickerAchievement">Speed Clicker: Not earned</li>
  17. </ul>
  18.  
  19. <script>
  20. // Variables
  21. let points = 0;
  22. let autoClickLevel = 0;
  23. let powerClickLevel = 0;
  24. let autoClickCost = 10;
  25. let powerClickCost = 20;
  26.  
  27. // Elements
  28. const pointsElement = document.getElementById("points");
  29. const clickButton = document.getElementById("clickButton");
  30. const autoClickUpgrade = document.getElementById("autoClickUpgrade");
  31. const powerClickUpgrade = document.getElementById("powerClickUpgrade");
  32. const speedClickerAchievement = document.getElementById("speedClickerAchievement");
  33.  
  34. // Update points on screen
  35. function updatePoints() {
  36. pointsElement.textContent = points;
  37. }
  38.  
  39. // Button click event
  40. clickButton.addEventListener("click", () => {
  41. points += 1 + powerClickLevel;
  42. updatePoints();
  43. });
  44.  
  45. // Auto-Clicker upgrade
  46. autoClickUpgrade.addEventListener("click", () => {
  47. if (points >= autoClickCost) {
  48. points -= autoClickCost;
  49. autoClickLevel++;
  50. autoClickCost *= 2;
  51. updatePoints();
  52. autoClickUpgrade.textContent = `Buy Auto-Clicker (Cost: ${autoClickCost})`;
  53. if (autoClickLevel === 1) {
  54. clickButton.disabled = true; // Disable manual clicks once auto-clicker is bought
  55. }
  56. }
  57. });
  58.  
  59. // Power Click upgrade
  60. powerClickUpgrade.addEventListener("click", () => {
  61. if (points >= powerClickCost) {
  62. points -= powerClickCost;
  63. powerClickLevel++;
  64. powerClickCost *= 2;
  65. updatePoints();
  66. powerClickUpgrade.textContent = `Buy Power Click (Cost: ${powerClickCost})`;
  67. }
  68. });
  69.  
  70. // Speed Clicker achievement
  71. let speedClickerAchievementEarned = false;
  72. function checkSpeedClickerAchievement() {
  73. if (!speedClickerAchievementEarned && points >= 100) {
  74. speedClickerAchievement.textContent = "Speed Clicker: Earned!";
  75. speedClickerAchievementEarned = true;
  76. }
  77. }
  78.  
  79. // Interval for auto-clicker
  80. let autoClickInterval = setInterval(() => {
  81. points += autoClickLevel;
  82. updatePoints();
  83. checkSpeedClickerAchievement();
  84. }, 1000);
  85.  
  86. // Check for achievements on page load
  87. checkSpeedClickerAchievement();
  88. </script>
  89. </body>
  90. </html>
  91.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement