Firework clicker with a bunch of upgrades and it is easy to play's game

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

No:51958

←

Prev Next

→

Firework clicker with a bunch of upgrades and it i..ALL
Developer User21723｜Date and time 24/3/17 6:40:22
Build time 7.499 sec｜Game capacity 1.9KB｜

Script

Upgrades:

10 fireworks

20 fireworks

30 fireworks

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Firework Clicker</title>
</head>
<body>
  <p id="fireworks">0</p>
  <button onclick="clickFirework()">Click the Firework!</button>
  
  <h2>Upgrades:</h2>
  <button onclick="buyUpgrade(1)">Upgrade 1 - Double fireworks per click</button>
  <button onclick="buyUpgrade(2)">Upgrade 2 - Triple fireworks per click</button>
  <button onclick="buyUpgrade(3)">Upgrade 3 - Quadruple fireworks per click</button>
  
  <p id="upgrade1cost">10 fireworks</p>
  <p id="upgrade2cost">20 fireworks</p>
  <p id="upgrade3cost">30 fireworks</p>
  
  <script>
    let fireworks = 0;
    let upgrade1 = 1;
    let upgrade2 = 1;
    let upgrade3 = 1;
    let upgrade1Cost = 10;
    let upgrade2Cost = 20;
    let upgrade3Cost = 30;
    
    function clickFirework() {
      fireworks += upgrade1 * upgrade2 * upgrade3;
      document.getElementById("fireworks").innerHTML = fireworks;
    }
    
    function buyUpgrade(upgrade) {
      if (upgrade === 1 && fireworks >= upgrade1Cost) {
        upgrade1 *= 2;
        fireworks -= upgrade1Cost;
        upgrade1Cost *= 2;
        document.getElementById("fireworks").innerHTML = fireworks;
        document.getElementById("upgrade1cost").innerHTML = upgrade1Cost + " fireworks";
      }
      if (upgrade === 2 && fireworks >= upgrade2Cost) {
        upgrade2 *= 3;
        fireworks -= upgrade2Cost;
        upgrade2Cost *= 3;
        document.getElementById("fireworks").innerHTML = fireworks;
        document.getElementById("upgrade2cost").innerHTML = upgrade2Cost + " fireworks";
      }
      if (upgrade === 3 && fireworks >= upgrade3Cost) {
        upgrade3 *= 4;
        fireworks -= upgrade3Cost;
        upgrade3Cost *= 4;
        document.getElementById("fireworks").innerHTML = fireworks;
        document.getElementById("upgrade3cost").innerHTML = upgrade3Cost + " fireworks";
      }
    }
  </script>
</body>
</html>