todo/script.js at main · GUDDU1721/todo · 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
const  p1Button=document.querySelector('#p1Button');
const  p2Button=document.querySelector('#p2Button');
const  p1Display= document.querySelector('#p1Display');
const  p2Display= document.querySelector('#p2Display');
const resetButton=document.querySelector('#reset');
const winScore=document.querySelector('#winScoreSelector');

let p1Score=0;
let p2Score=0;
let winningScore=3;
let isGameOver=false;
p1Button.addEventListener('click', function(){
    if (!isGameOver) {
        p1Score += 1;
        if (p1Score===winningScore) {
            isGameOver=true;
            p1Display.classList.add('winner');
            p2Display.classList.add('loser');
            p1Button.disabled=true;
            p2Button.disabled=true;
        }
        p1Display.textContent = p1Score;
    }
})
p2Button.addEventListener('click', function(){
    if (!isGameOver) {
        p2Score += 1;
        if (p2Score===winningScore) {
            isGameOver=true;
            p2Display.classList.add('winner');
            p1Display.classList.add('loser');
            p1Button.disabled=true;
            p2Button.disabled=true;
        }
        p2Display.textContent = p2Score;
    }
})

resetButton.addEventListener('click', reset)

function reset(){
    p1Score=0;
    p2Score=0;
    isGameOver=false;
    p1Display.textContent=p1Score;
    p2Display.textContent=p2Score;
    p1Display.classList.remove('winner','loser');
    p2Display.classList.remove('winner','loser');
    p1Button.disabled=false;
    p2Button.disabled=false;
}

winScore.addEventListener('change', function(){
    winningScore=parseInt(this.value);
    reset();
})