-
Notifications
You must be signed in to change notification settings - Fork 0
/
scoreKeeperApp.js
58 lines (48 loc) · 1.48 KB
/
scoreKeeperApp.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
var playerOneButton = document.querySelector('#p1btn');
var playerTwoButton = document.querySelector('#p2btn');
var resetButton = document.querySelector('#reset');
var playerOneDisplay = document.querySelector('#playerOneDisplay');
var playerTwoDisplay = document.querySelector('#playerTwoDisplay');
var numberInput = document.querySelector("input[type = 'number']");
var winningScoreDisplay = document.querySelector('p span');
var playerOneScore = 0;
var playerTwoScore = 0;
var gameOver = false;
var winningScore = 5;
playerOneButton.addEventListener('click', function(){
if(!gameOver){
playerOneScore++;
if(playerOneScore === winningScore){
playerOneDisplay.classList.add('winner')
gameOver = true;
}
playerOneDisplay.textContent = playerOneScore;
}
});
playerTwoButton.addEventListener('click', function(){
if(!gameOver){
playerTwoScore++;
if(playerTwoScore === winningScore){
playerTwoDisplay.classList.add('winner')
gameOver = true;
}
playerTwoDisplay.textContent = playerTwoScore;
}
});
resetButton.addEventListener('click', function(){
reset();
});
function reset(){
playerOneScore =0;
playerTwoScore = 0;
playerOneDisplay.textContent = playerOneScore;
playerTwoDisplay.textContent = playerTwoScore;
playerOneDisplay.classList.remove('winner');
playerTwoDisplay.classList.remove('winner');
gameOver = false;
}
numberInput.addEventListener('change', function(){
winningScoreDisplay.textContent = this.value
winningScore = Number(this.value);
reset();
});