clickstar/index.html at main · nathblade16/clickstar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
<body>
<title>clickstar</title>
<p id="clickscore">score: 0</p>
<p id="cpscount">cps: 0</p>
<script>
var cpsprice = 10;
const scorecounter = document.getElementById("clickscore");
var score = 0;
var cps = 0;
function scorecount(){
    scorecounter.innerHTML = "score: " + score;
}
function addscore(){
    score++;
    scorecount();
}
setInterval(function(){score = score + cps; scorecount();}, 1000);
function buyCps(){
    if(score>=cpsprice){
        score = score - cpsprice;
        cps++;
       document.getElementById("cpscount").innerHTML = "cps: " + cps;
        scorecount();
        cpsprice = cpsprice + 5;
        document.getElementById("cpsButton").innerHTML = "buy 1 cps for " + cpsprice + " points";
    }
}
function save(){
    localStorage.setItem('score', score);
    localStorage.setItem('cps', cps);
    localStorage.setItem('cpsprice', cpsprice);
}
function loadsave(){
    if(localStorage.getItem('cps') === null){
        localStorage.setItem('score', score);
        localStorage.setItem('cps', cps);
        localStorage.setItem('cpsprice', cpsprice);
        score = 0;
        cps = 0;
        cpsprice = 10;
    }else{
        const itemSet = (localStorage.getItem('cpsprice') !== null);
        if(itemSet == false){
            alert("sorry but you had save data from an older version of this game and we had to reset your score and cps to 0(you will see why).");
            localStorage.setItem('score', score);
            localStorage.setItem('cps', cps);
            localStorage.setItem('cpsprice', 10);
        }
        score = Number(localStorage.getItem('score'));
        cps = Number(localStorage.getItem('cps'));
        cpsprice = Number(localStorage.getItem('cpsprice'));
    }
scorecount();
document.getElementById("cpscount").innerHTML = "cps: " + cps;
}
loadsave();
setInterval(function(){save();}, 10000);
</script>
<button onclick="addscore()">click</button>
<button id="cpsButton" onclick="buyCps()">buy 1 cps for 10 points</button>
<script>
    document.getElementById("cpsButton").innerHTML = "buy 1 cps for " + cpsprice + " points";
</script>
</body>
</html>