main.js

let number = 0;
let cpc=1;
let cps=0;
let upgrOneVal=0;
let upgrTwoVal=0;
let upgrThreeVal=0;
let upgrFourVal=0;
let mult=1;
let upgrFiveVal=0;
let goal=0;
let upgrSixVal=0;
var isOpen=false;
var isOver=false;
function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
  isOpen=true;
}
  
function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
  isOpen=false;
}

function teaseNav(){
  document.getElementById("mySidenav").style.width = "7px";
}

function closeTeasedNav(){
  if (isOpen==false){
    document.getElementById("mySidenav").style.width = "0";
  }
}

function addOne(){
    number += Math.floor(cpc*mult);
    displayNumChange();
    save();
}

function getNumber(){
    number = localStorage.getItem("number");
    displayNumChange();
}

function save(){
    localStorage.setItem("num", number);
    localStorage.setItem("cpc", cpc);
    localStorage.setItem("cps", cps);
    localStorage.setItem("upgrOneVal", upgrOneVal);
    localStorage.setItem("upgrTwoVal", upgrTwoVal);
    localStorage.setItem("upgrThreeVal", upgrThreeVal);
    localStorage.setItem("upgrFourVal", upgrFourVal);
    localStorage.setItem("mult", mult);
    localStorage.setItem("saved", true);
    localStorage.setItem("goal", goal);
    localStorage.setItem("upgrSixVal", upgrSixVal);
    localStorage.setItem("upgrFiveVal", upgrFiveVal);
}



function load(){
    if (localStorage.getItem("saved")) {
        number = parseInt(localStorage.getItem("num"));
        cpc = parseInt(localStorage.getItem("cpc"));
        upgrOneVal = parseInt(localStorage.getItem("upgrOneVal"));
        upgrTwoVal = parseInt(localStorage.getItem("upgrTwoVal"));
        cps = parseInt(localStorage.getItem("cps"));
        upgrThreeVal = parseInt(localStorage.getItem("upgrThreeVal"));
        mult = parseFloat(localStorage.getItem("mult"));
        upgrFourVal = parseInt(localStorage.getItem("upgrFourVal"));
        goal = parseFloat(localStorage.getItem("goal"));
        upgrFiveVal = parseInt(localStorage.getItem("upgrFiveVal"));
        upgrSixVal = parseInt(localStorage.getItem("upgrSixVal"));
        displayNumChange();
    } else {
        reset(true)
    }
}

function reset(bypass){
    if (!bypass) {
        var doit = false
        if (confirm("Are you sure you want to do that?")) {
            if (confirm("Are you really, truly sure???")) {
                doit = true
            }
        }

        if (!doit) {
            return
        }
    }
    
    number = 0;
    cpc = 1;
    goal= 0;
    upgrOneVal = 0;
    cps = 0;
    upgrTwoVal = 0;
    upgrThreeVal = 0;
    mult = 1;
    upgrFourVal = 0;
    upgrFiveVal = null;
    upgrSixVal = 0;
    save();
    displayNumChange();
}

function buyUpgradeOne(){
    if (number >= 25*(2**upgrOneVal)){
        number-= 25*(2**upgrOneVal);
        cpc+=1;
        upgrOneVal+=1;
    }
    displayNumChange();
    save();
}



function buyUpgradeTwo(){
    if (number >= 200*(2**upgrTwoVal)){
        number-= 200*(2**upgrTwoVal);
        cps+=1;
        upgrTwoVal+=1;
    }
    displayNumChange();
    save();
}

function buyUpgradeThree(){
    if (number >= 1600*(2**upgrThreeVal)){
        number-= 1600*(2**upgrThreeVal);
        mult+=0.25;
        upgrThreeVal+=1;
    }
    displayNumChange();
    save();
}

function buyUpgradeFour(){
    if (number >= Math.floor(8000 *(1.75**upgrFourVal))){
        number-= Math.floor(8000 *(1.75**upgrFourVal));
        cpc += 5;
        upgrFourVal+=1;
    }
    displayNumChange();
    save();
}

function buyUpgradeFive(){
    if (number >= Math.floor(20000 *(1.75**upgrFiveVal))){
        number-= Math.floor(20000 *(1.75**upgrFiveVal));
        cps += 5;
        upgrFiveVal+=1;
    }
    displayNumChange();
    save();
}

function buyUpgradeSix(){
    if (number >= Math.floor(100000 *(1.75**upgrSixVal))){
        number-= Math.floor(100000 *(1.75**upgrSixVal));
        mult += 1;
        upgrSixVal+=1;
    }
    displayNumChange();
    save();
}

function displayNumChange(){
    document.getElementById("number").innerHTML = "$" + number;
    document.getElementById("cpc").innerHTML = "Dollars per Click: " + cpc;
    document.getElementById("cps").innerHTML = "Dollars per Second: " + cps;
    document.getElementById("mult").innerHTML = "Multiplier: " + mult + "x";
    document.getElementById("upgradeOne").innerHTML = "Upgrade Dollars per Click by 1: $" + 25*(2**upgrOneVal);
    document.getElementById("upgradeTwo").innerHTML = "Upgrade Dollars per Second by 1: $" + 200*(2**upgrTwoVal);
    document.getElementById("upgradeThree").innerHTML = "Upgrade Multiplier by 0.25x: $" + 1600*(2**upgrThreeVal);
    document.getElementById("upgradeFour").innerHTML = "Upgrade Dollars per Click by 5: $" + Math.floor(8000 *(1.75**upgrFourVal));
    document.getElementById("upgradeFive").innerHTML = "Upgrade Dollars per Second by 5: $" + Math.floor(20000 *(1.75**upgrFiveVal));
    document.getElementById("upgradeSix").innerHTML = "Upgrade Multiplier by 1x: $" + Math.floor(100000 *(1.75**upgrSixVal));
    document.getElementById('goal').innerHTML = "Goal: $" + goal;
}

function myTimer() {
    number += Math.floor(cps*mult);
    save();
    displayNumChange();
}


var count = 0;
var numSec = 1;
var start = 0;
window.addEventListener("click", function() {
    count++;
    start++;
  //clicks.innerHTML = start;
});

getCPS();

function getCPS() {
    setTimeout(function() {
        document.getElementById("cpscounter").innerHTML = "CPS: " + count;
        estimate = Math.floor((goal-number)/(cps+count*cpc));
        if (estimate>0) {
            document.getElementById("est").innerHTML = "Time to goal: " + estimate;
        }
        else{
            document.getElementById("est").innerHTML = "Goal Achieved";
        }
        
        count = 0;
        getCPS();
    }, numSec*1000);
}

function setGoal() {
    if (document.getElementById('goalOne').value==0){
        
    }
    else{
        goal = document.getElementById('goalOne').value;
        document.getElementById('goalOne').value = 0;
        displayNumChange();
        save();
    }
}

function fix(){
    if (Number.isNaN(mult)){
        mult=1;
    }
    if (Number.isNaN(cps)){
        cps=0;
    }
    if (Number.isNaN(number)){
        number=0;
    }
    if (Number.isNaN(cpc)){
        cpc=0;
    }
    if (Number.isNaN(upgrOneVal)){
        upgrOneVal=0;
    }
    if (Number.isNaN(upgrTwoVal)){
        upgrTwoVal=0;
    }
    if (Number.isNaN(upgrThreeVal)){
        upgrThreeVal=0;
    }
    if (Number.isNaN(upgrFourVal)){
        upgrFourVal=0;
    }
    if (Number.isNaN(upgrFiveVal)){
        upgrFiveVal=0;
    }
    if (Number.isNaN(upgrSixVal)){
        upgrSixVal=0;
    }
    save();
    displayNumChange;
}

function check(){
    if (document.getElementById('goalOne').value!=0) {
        document.getElementById("goalTwo").style.cursor = "pointer";
    }
    else{
        document.getElementById("goalTwo").style.cursor = "not-allowed";
        
    }
}

let btn = document.getElementById('main');

function ripple(e) {

  // Setup
  let posX = this.offsetLeft;
  let posY = this.offsetTop;
  let buttonWidth = this.offsetWidth;
  let buttonHeight =  this.offsetHeight;
  
  // Add the element
  let ripple = document.createElement('span');
  ripple.id = "ripple"
  this.appendChild(ripple);

  
 // Make it round!
  if(buttonWidth >= buttonHeight) {
    buttonHeight = buttonWidth;
  } else {
    buttonWidth = buttonHeight; 
  }
  
  // Get the center of the element
  var x = e.pageX - posX - buttonWidth / 2;
  var y = e.pageY - posY - buttonHeight / 2;
  
 
  ripple.style.width = `${buttonWidth}px`;
  ripple.style.height = `${buttonHeight}px`;
  ripple.style.top = `${y}px`;
  ripple.style.left = `${x}px`;
  
  ripple.classList.add('rippleAnimation');
  
  setTimeout(() => {
    this.removeChild(ripple);
  }, 1000);

}

btn.addEventListener('click', ripple);

setInterval(check, 1)
setInterval(myTimer, 1000);