-
Notifications
You must be signed in to change notification settings - Fork 0
/
score-keeper.js
75 lines (68 loc) · 1.99 KB
/
score-keeper.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
var playerOne = document.querySelectorAll("button")[0];
var playerTwo = document.querySelectorAll("button")[1];
var reset = document.querySelectorAll("button")[2];
var playerOneScore = document.getElementById("one");
var playerTwoScore = document.getElementById("two");
var gameLength = document.getElementById("gameLength");
var input = document.querySelector("input");
var p = document.querySelector("p");
var numP1 = 0;
var numP2 = 0;
// player 1
playerOne.addEventListener("mouseup", function(){
if(playerOneScore.textContent == gameLength.textContent || playerTwoScore.textContent == gameLength.textContent){
alert("The game is already over. Please press reset to play again.");
}
else{
// check if player 1 wins the game
if(numP1 >= gameLength.textContent -1){
p.textContent = "Player 1 wins the game!";
playerOneScore.textContent = gameLength.textContent;
}
else {
// p1 won the round
numP1+=1;
playerOneScore.textContent = numP1;
}
}
});
// player 2
playerTwo.addEventListener("click", function(){
if(playerTwoScore.textContent == gameLength.textContent || playerOneScore.textContent == gameLength.textContent){
alert("The game is already over. Please press reset to play again.");
}
else{
// check if player 2 wins the game
if(numP2 >= gameLength.textContent -1){
p.textContent = "Player 2 wins the game!";
playerTwoScore.textContent = gameLength.textContent;
}
else {
// p2 won the round
numP2+=1;
playerTwoScore.textContent = numP2;
}
}
});
// on key presses for game length
input.addEventListener("keyup", function(){
gameLength.textContent = this.value;
});
// on mouse click for game length
input.addEventListener("click", function(){
gameLength.textContent = this.value;
});
// reset
reset.addEventListener("click", function(){
resetScore();
});
// reset function
function resetScore(){
playerOneScore.textContent = 0;
playerTwoScore.textContent = 0;
gameLength.textContent = "";
input.value = 0;
p.textContent = "";
numP1 = 0;
numP2 = 0;
}