project.js

const p1Display= document.querySelector('#p1Display');
const p2Display= document.querySelector('#p2Display');
const resetButton=document.querySelector('#Reset');
const p1button=document.querySelector('#button1');
const p2button=document.querySelector('#button2');
const winningscoreSelect=document.querySelector('#playTo');

let p1Score=0;
let p2Score=0;
let isGameOver=false;
let winningScore=3;

alert("Welcome to Score Board.....");
setTimeout(()=>{alert("Now Keep Your Score Here....")},300);

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

p1button.addEventListener('click',function(){
    if(!isGameOver){
        p1Score+=1;
        if(p1Score===winningScore){
            isGameOver=true;
            p1Display.classList.add('winner');
            p2Display.classList.add('loser');
            setTimeout(()=>{alert("Congrats Player A wins!!")},500);
            setTimeout(()=>{alert("Hey Press the Reset key to start recording again or click to submit.")},1000)
        }
        p1Display.textContent=p1Score;
    }
})
p2button.addEventListener('click',function(){
    if(!isGameOver){
        p2Score+=1;
        if(p2Score===winningScore){
            isGameOver=true;
            p2Display.classList.add('winner');
            p1Display.classList.add('loser');
            setTimeout(()=>{alert("Congrats Player B wins!!")},500);
            setTimeout(()=>{alert("Hey Press the Reset key to start recording again or click to submit.")},1000)
        }
        p2Display.textContent=p2Score;
    }
})

resetButton.addEventListener('click',reset)

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