一名玩家获胜后如何结束我的游戏

Question

我正在做一个非常简单和基本的石头剪刀布游戏。

我试图在两名玩家中的一些人赢得回合后出现新游戏的按钮，但是在我尝试玩已经决定的当前回合的另一场比赛后，这个按钮会出现。

如果我在控制台中调用 function endGame() ，它可以工作，但在其中一名玩家到达目标时不起作用，在这种情况下为 1 胜。

这个练习的建议是插入一个循环，但是我还没有弄清楚如何应用它，因为有两个玩家有机会获得目标。

//JAVASCRIPT SECTION

//SELECTORS SECTION

const previaMatch = document.querySelector('.previa-match');
const playerScoreMark = document.querySelector('.player-score');
const cpuScoreMark = document.querySelector('.computer-score');
const newGameButton = document.querySelector('#new-game');
const resultsSection = document.querySelector('#results');

let playerCount = 0;
let cpuCount = 0;
let playerSelection = 'Rock'
let computerSelection = 'Paper'



//function to determine winner of game 1

function singleRound(playerSelection, computerSelection){
    if (playerSelection === 'Rock' ){
        switch (computerSelection) {
            case Paper:
                cpuCount++
                cpuScoreMark.textContent = cpuCount;
                return "you loose, paper beats rock";
                break;
            
            default:
                return "Rock solid tie!!";
        }
        
    }  else { return "something else"

        }
    }
}

//
//function to apply after one winner is determined

function endOfGame(){
    newGameButton.disabled = true;
    startNewRound = document.createElement('button');
    startNewRound.textContent = 'Start new game';
    resultsSection.appendChild(startNewRound);
    startNewRound.addEventListener('click', heroToZero)
}

//function to restart both players score and enable newGame button

function heroToZero() {
    playerCount = 0;
    playerScoreMark.textContent = playerCount;
    cpuCount = 0;
    cpuScoreMark.textContent = cpuCount;
    startNewRound.parentNode.removeChild(startNewRound);
    newGameButton.disabled = false;
}




//in this case round is for one game for faster purposes

function game() {

    if(playerCount === 1 || cpuCount === 1){
        endOfGame()
    } else {
       
        let computerSelected = getComputerChoice();

        if (playerSelection){
            let result = singleRound(choseWisely, computerSelected);
            console.log(result);
            previaMatch.textContent = result;
        } else {
            alert("no an option");
            game()
}

    }

    
}

newGameButton.addEventListener('click', game);


game();

HTML 部分

<!DOCTYPE html>
<html lang="en">

<body>    
    <section id="results">
        <div class="previus-result">
            <p id="previous-match" class="previa-match"></p>
        </div>
        <div id="players">
            <div class="player">
                <p>player 1</p>
                <p class="player-score">0</p>
            </div>
            <div class="computer">
                <p>CPU</p>
                <p class="computer-score">0</p>
            </div>
        </div>
        <div>
            <button id="new-game">New Game</button>
        </div>
    </section>
        <script src="js-rock-paper-scissors.js"></script>
    
</body>
</html>