我正在嘗試構建一個剪刀石頭布游戲，我需要添加一個記分牌。所以我需要玩家或電腦每贏一局，分數就增加 1。我如何讓它做到這一點？
這是我寫的代碼，但它沒有更新螢屏上的記分牌
function scoreboard() {
computerScore = parseInt(computerScore.textContent);
playerScore = parseInt(playerScore.textContent);
if(playerScore < 5 || computerScore < 5) {
if(playRound(playerSelection, computerSelection) == 'You win! Paper beats Rock' || playRound(playerSelection, computerSelection) == 'You win! Rock beats Scissors' || playRound(playerSelection, computerSelection) == 'You win! Scissors beats Paper') {
return playerScore = 1
} else if(playRound(playerSelection, computerSelection) == 'You lose! Paper beats Rock' || playRound(playerSelection, computerSelection) == 'You lose! Rock beats Scissors' || playRound(playerSelection, computerSelection) == 'You lose! Scissors beats Paper') {
return computerScore = 1
}
} else if(playerScore == 5) {
console.log('Congratulations!');
} else if(computerScore == 5) {
console.log('You lose!');
}
}
這是HTML：
<div class="score">
<p> Score Board: </p>
<div class="board">
<P> Computer: <span class="computer__score"> 0 </span></P>
<p> Player: <span class="player__score"> 0 </span></p>
</div>
</div>
uj5u.com熱心網友回復：
您可以定義一個函式來更新記分牌并更新其中的文本內容：
function updateScoreboard(computerScore, playerScore) {
document.querySelector('.computer_score').textContent = computerScore;
document.querySelector('.player_score').textContent = playerScore;
}
然后在 if-else 陳述句之后呼叫它：
if(playerScore < 5 || computerScore < 5) {
if(playRound(playerSelection, computerSelection) == 'You win! Paper beats Rock' || playRound(playerSelection, computerSelection) == 'You win! Rock beats Scissors' || playRound(playerSelection, computerSelection) == 'You win! Scissors beats Paper') {
playerScore = 1 // removed the return statement here
} else if(playRound(playerSelection, computerSelection) == 'You lose! Paper beats Rock' || playRound(playerSelection, computerSelection) == 'You lose! Rock beats Scissors' || playRound(playerSelection, computerSelection) == 'You lose! Scissors beats Paper') {
computerScore = 1 // removed the return statement here
}
return updateScoreboard(computerScore, playerScore);
} else if(playerScore == 5) {
console.log('Congratulations!');
} else if(computerScore == 5) {
console.log('You lose!');
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/493189.html
標籤：javascript dom
上一篇：每次繪制彈出框時添加一個元素