Rock, Paper, Scissors Game: Play Now! - HTML Game - 常规

<html>
  <head>
    <title>Rock, Paper, Scissors</title>
    <script>
      let playerSelection;
      let computerSelection;
      let playerScore = 0;
      let computerScore = 0;
<pre><code>  const rock = document.querySelector('#rock');
  rock.addEventListener('click', () =&gt; playerChoice('rock'));

  const paper = document.querySelector('#paper');
  paper.addEventListener('click', () =&gt; playerChoice('paper'));

  const scissors = document.querySelector('#scissors');
  scissors.addEventListener('click', () =&gt; playerChoice('scissors'));

  function playerChoice(choice) {
    playerSelection = choice;
    computerChoice();
    compare();
  }

  function computerChoice() {
    const choices = ['rock', 'paper', 'scissors'];
    const randomNum = Math.floor(Math.random() * 3);
    computerSelection = choices[randomNum];
  }

  function compare() {
    const winner = document.querySelector('#winner');
    if (playerSelection == computerSelection) {
      winner.textContent = 'It's a tie!';
    } else if (playerSelection == 'rock' &amp;&amp; computerSelection == 'scissors') {
      winner.textContent = 'You win!';
      playerScore++;
    } else if (playerSelection == 'paper' &amp;&amp; computerSelection == 'rock') {
      winner.textContent = 'You win!';
      playerScore++;
    } else if (playerSelection == 'scissors' &amp;&amp; computerSelection == 'paper') {
      winner.textContent = 'You win!';
      playerScore++;
    } else {
      winner.textContent = 'Computer wins!';
      computerScore++;
    }
    document.querySelector('#playerScore').textContent = playerScore;
    document.querySelector('#computerScore').textContent = computerScore;
  }
&lt;/script&gt;
</code></pre>
  </head>
  <body>
    <h1>Rock, Paper, Scissors</h1>
    <p>Choose your weapon:</p>
    <button id="rock">Rock</button>
    <button id="paper">Paper</button>
    <button id="scissors">Scissors</button>
    <h2>Score:</h2>
    <p>Player: <span id="playerScore">0</span></p>
    <p>Computer: <span id="computerScore">0</span></p>
    <h2>Winner:</h2>
    <p id="winner"></p>
  </body>
</html>