-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
149 lines (126 loc) · 3.52 KB
/
script.js
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
let example1;
function ouchAnimation()
{
let ouch = document.querySelector("#ouch");
ouch.innerHTML = "OUCH!!!";
example1 = new Crono(returnNormal, 1000, 1);
}
function returnNormal()
{
let ouch = document.querySelector("#ouch");
ouch.innerHTML = "Click Me!";
}
let clickTimes = 0;
let example2 = new Crono(clickCounter, 3000, "clickCounter");
function clickCounter()
{
if(example2.checkDelay() == true)
{
clickTimes++;
let clickButton = document.querySelector("#clickButton");
clickButton.innerHTML = "Button times pressed every 3 seconds: " + clickTimes;
}
}
let example3 = new Crono(clockSimulation, 1000, 0);
let seconds = 0;
function clockSimulation()
{
seconds++;
let clockButton = document.querySelector("#clockButton");
clockButton.innerHTML = "Seconds you passed on this website page: " + seconds;
}
let example4 = new Crono(castMagic, 2000, "castMagic");
let magicPoints = 10;
let magicButton = document.querySelector("#magicButton");
magicButton.innerHTML = "Magic left you can use per two seconds: " + magicPoints;
function castMagic()
{
if(magicPoints > 0 && example4.checkDelay() == true)
{
magicPoints--;
magicButton.innerHTML = "Magic left you can use per two seconds: " + magicPoints;
}
else if(magicPoints <= 0)
{
alert("Sorry, you used all the magic :(");
let magicButton = document.querySelector("#magicButton");
magicButton.innerHTML = "There is no more magic left :( ";
}
}
let secondsExtra = 0;
let example5 = new Crono(clockSimulation2, 1000, 0, true);
function clockSimulation2()
{
secondsExtra++;
let clockButton2 = document.querySelector("#clockButton2");
clockButton2.innerHTML = "Seconds you passed on this website page +1: " + secondsExtra;
}
let hitPoints = 100;
let hitPointsMax = 100;
let regenerationPoints = 5;
let swordDamage = 30;
let regenerationDelay = 1000;
let swordDelay = 3000;
let isAlive = true;
let example6_regeneration = new Crono(regenerationSpell, regenerationDelay, 0);
let example6_damage = new Crono(simulateDamage, swordDelay, "swordAttack");
let example6_button = document.querySelector("#swordGame");
function regenerationSpell()
{
if(hitPoints < hitPointsMax && isAlive == true)
{
hitPoints += regenerationPoints;
if(hitPoints > hitPointsMax)
{
hitPoints = hitPointsMax;
}
}
example6_button.innerHTML = "Hit Points Left: " + hitPoints + " / " + hitPointsMax;
}
function simulateDamage()
{
if(example6_damage.checkDelay() == true && isAlive == true)
{
hitPoints -= swordDamage;
if(hitPoints <= 0)
{
hitPoints = 0;
isAlive = false;
alert("Game Over! Refresh the page to play again!");
}
example6_button.innerHTML = "Hit Points Left: " + hitPoints + " / " + hitPointsMax;
}
}
function pauseGame()
{
example6_damage.pause();
example6_regeneration.pause();
}
let countArray = ["one!", "two!", "three!"];
let countButton = document.querySelector("#countButton");
let countValue = 0;
let example7 = new Crono(counting, 2000, 3);
function counting()
{
countButton.innerHTML = countArray[countValue];
countValue++;
}
function restartCounting()
{
countValue = 0;
countButton.innerHTML = "Let's Count!";
example7.restart();
}
let money = 0;
let moneyButton = document.querySelector("#moneyButton");
let example8 = new Crono(moneyCollected, 500, 0, false, true);
function moneyCollected()
{
money++;
moneyButton.innerHTML = "Money Collected: " + money;
}
function pauseLoop()
{
moneyButton.innerHTML = "The loop is paused. Click to resume";
example8.pause();
}