JavaScript：循环函数值存变量及石头剪刀布积分与循环实现求助

Hey there! Let's get your game working with the first-to-5 win logic and fix the points tracking issue. Here's a breakdown of the problems in your original code and the updated version:

Key Issues in Original Code #

• Points Tracking: Your points() function tries to update playerPoints and compPoints but these variables aren’t initialized, and assigning the same function call to both will always give the same value (not separate scores).
• Static Computer Choice: computerChoice is generated once at the start, so the computer will pick the same weapon every round.
• No Round Loop: The game only runs one round instead of repeating until someone hits 5 wins.
• Input Validation: There’s no check for invalid player inputs (like typing "lizard" instead of rock/paper/scissors).

Updated Working Code #

// Initialize score variables to 0
let playerPoints = 0;
let compPoints = 0;
const weaponArray = ["rock", "paper", "scissors"];

// Function to determine round result (returns clear status for scoring)
const determineRoundResult = (computerChoice, playerChoice) => {
  if (playerChoice === computerChoice) {
    return "tie";
  }
  // Check all player win conditions
  if (
    (playerChoice === "scissors" && computerChoice === "paper") ||
    (playerChoice === "rock" && computerChoice === "scissors") ||
    (playerChoice === "paper" && computerChoice === "rock")
  ) {
    return "playerWin";
  }
  // If not tie or player win, computer wins
  return "compWin";
};

// Game loop: run until either player hits 5 points
while (playerPoints < 5 && compPoints < 5) {
  // Generate new computer choice each round
  const computerChoice = weaponArray[Math.floor(Math.random() * weaponArray.length)];
  
  // Get and validate player input
  let playerPrompt = prompt("Please enter Rock, Paper, or Scissors!");
  // Handle case where user cancels prompt
  if (!playerPrompt) break;
  const playerChoice = playerPrompt.toLowerCase();
  
  // Validate input is a valid weapon
  if (!weaponArray.includes(playerChoice)) {
    alert("Invalid input! Please enter Rock, Paper, or Scissors.");
    continue; // Skip to next round without scoring
  }

  // Get round result
  const roundResult = determineRoundResult(computerChoice, playerChoice);
  
  // Update scores based on result
  switch(roundResult) {
    case "playerWin":
      playerPoints++;
      alert(`You Won This Round! Current score: You ${playerPoints} - Computer ${compPoints}`);
      break;
    case "compWin":
      compPoints++;
      alert(`Just Give Up Now Loser! Current score: You ${playerPoints} - Computer ${compPoints}`);
      break;
    case "tie":
      alert(`It's a Tie! Current score: You ${playerPoints} - Computer ${compPoints}`);
      break;
  }
}

// Announce final winner once loop ends
if (playerPoints === 5) {
  alert("Congratulations! You won the game!");
} else if (compPoints === 5) {
  alert("Computer won the game! Better luck next time.");
} else {
  alert("Game cancelled early.");
}

What Changed & Why #

1. Score Initialization: We start with playerPoints and compPoints set to 0 using let (since we need to modify these values over time).
2. Clear Round Result: The determineRoundResult function returns simple status strings ("playerWin", "compWin", "tie") instead of full messages, making scoring logic cleaner.
3. Game Loop: A while loop runs as long as neither player has 5 points. This keeps the game going until someone hits the win condition.
4. Dynamic Computer Choice: computerChoice is generated inside the loop so the computer picks a new weapon every round.
5. Input Validation: We check if the player's input is in the weaponArray—if not, we alert them and skip to the next round without counting the invalid input.
6. Score Updates: Instead of a separate points() function, we update scores directly in the loop using a switch statement. This is more straightforward and avoids confusion with return values.
7. Feedback: Alert messages show the round result and current score, so the player can track progress. Finally, we announce the overall winner once the loop ends.

Quick Tips for Further Improvement #

• Replace prompt and alert with HTML elements for a polished browser-based UI.
• Add a "play again" option once the game ends.
• Track total rounds played alongside wins/losses.

内容的提问来源于stack exchange，提问作者jose perez