Estoy tratando de construir un juego de piedra o tijera y necesito agregar un marcador. Así que necesito que la puntuación aumente en 1 cada vez que el jugador o la computadora ganen una ronda. ¿Cómo consigo que haga esto?
Aquí está el código que escribí pero no está actualizando el marcador en la pantalla
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!'); } }Aquí está el 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>Puede definir una función para actualizar el marcador y actualizar el contenido de texto en él:
function updateScoreboard(computerScore, playerScore) { document.querySelector('.computer_score').textContent = computerScore; document.querySelector('.player_score').textContent = playerScore; }Y luego llámelo después de la declaración 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!'); }