Button Simulator PT

by Blackcatgame77

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Button Simulator PT</title>
    <meta name="description" content="A basic button simulator">
    <meta name="author" content="BlackcatGame77">
    <script type="text/javascript" src="main.js"></script>
  </head>

  <body>
    <canvas id="canvas" width="600" height="600" style="border:1px solid lightgrey;">
      Your browser does not support the HTML5 canvas tag.
    </canvas>
    <script>
      "use strict";
      let canvas;
      let context;

      window.onclick = function() {
        sceneChanger(event);
        multiplierGiver(event);
        hydrogenGiver(event);
        heliumGiver(event);
        lithiumGiver(event);
        beryliumGiver(event);
        boronGiver(event);
        carbonGiver(event);
      }

      window.onload = init;

      function init() {
        canvas = document.getElementById('canvas');
        context = canvas.getContext('2d');
        window.requestAnimationFrame(gameLoop);
      }

      function gameLoop(timeStamp) {
        draw();
        window.requestAnimationFrame(gameLoop);
      }

    </script>
  </body>

</html>

JavaScript

var cash = 0;
var multiplier = 0;
var hydrogen = 0;
var helium = 0;
var lithium = 0;
var berylium = 0;
var boron = 0;
var carbon = 0;
var nitrogen = 0;
var oxygen = 0;
var flourine = 0;
var neon = 0;
var unobtainium = 0;
var cashMulti = 1;
var multiMulti = 1;
var hydrogenMulti = 1;
var heliumMulti = 1;
var lithiumMulti = 1;
var beryliumMulti = 1;
var boronMulti = 1;
var carbonMulti = 1;
var nitrogenMulti = 1;
var oxygenMulti = 1;
var flourineMulti = 1;
var scene = 1.5;

function sceneChanger(event) {
  let mouseX = event.pageX
  let mouseY = event.pageY
  if (mouseX >= 0 && mouseX <= 600 && mouseY >= 500 && mouseY <= 600) {
    scene = 2.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 10 && mouseY <= 60) {
    scene = 1.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 70 && mouseY <= 120) {
    scene = 3.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 130 && mouseY <= 180) {
    scene = 4.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 190 && mouseY <= 240) {
    scene = 5.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 250 && mouseY <= 300) {
    scene = 6.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 310 && mouseY <= 360) {
    scene = 7.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 370 && mouseY <= 420) {
    scene = 8.5;
  }
  if (scene === 2 && mouseX >= 300 && mouseX <= 400 && mouseY >= 430 && mouseY <= 480) {
    scene = 9.5;
  }
  if (scene === 2 && mouseX >= 450 && mouseX <= 550 && mouseY >= 10 && mouseY <= 60) {
    scene = 10.5;
  }
  if (scene === 2 && mouseX >= 450 && mouseX <= 550 && mouseY >= 70 && mouseY <= 120) {
    scene = 11.5;
  }
  if (scene === 2 && mouseX >= 450 && mouseX <= 550 && mouseY >= 130 && mouseY <= 180) {
    scene = 12.5;
  }
  if (scene === 8 && mouseX >= 0 && mouseX <= 10 && mouseY >= 0 && mouseY <= 10){
  	scene = 399.5;
  }
  if (scene === 399 && mouseX >=...