新手求助：双人Rock-Paper-Scissors游戏的JS逻辑关联及函数问题

你的基础代码框架没问题，但缺少选择状态的持久化和流程控制，以及核心的胜负判断逻辑。下面是具体的修改方案：

1. 修复HTML语法错误 #

结果显示标签存在语法缺失，将：

<div id="resultsDisplay"</div>

修正为：

<div id="resultsDisplay"></div>

2. 修改JavaScript逻辑，实现完整游戏流程 #

我们需要用全局变量存储玩家选择，同时控制游戏顺序（玩家1选完后才能让玩家2操作），最后添加胜负判断逻辑：

// 获取页面元素
const player1Display = document.getElementById("player1Display");
const player2Display = document.getElementById("player2Display");
const resultsDisplay = document.getElementById("resultsDisplay");
const player1Buttons = document.querySelectorAll(".player1Choices button");
const player2Buttons = document.querySelectorAll(".player2Choices button");

// 全局变量存储玩家选择
let player1Choice = null;
let player2Choice = null;

// 初始化：默认禁用玩家2按钮，必须等玩家1完成选择
player2Buttons.forEach(btn => btn.disabled = true);

// 玩家1选择处理
function playGame(choice) {
  player1Choice = choice;
  player1Display.textContent = `Player 1: ${choice}`;
  // 锁定玩家1按钮，解锁玩家2按钮
  player1Buttons.forEach(btn => btn.disabled = true);
  player2Buttons.forEach(btn => btn.disabled = false);
}

// 玩家2选择处理
function play2Game(choice) {
  player2Choice = choice;
  player2Display.textContent = `Player 2: ${choice}`;
  // 锁定玩家2按钮
  player2Buttons.forEach(btn => btn.disabled = true);
  // 立即判断胜负
  determineWinner();
}

// 胜负判断核心逻辑
function determineWinner() {
  let resultText = "";
  if (player1Choice === player2Choice) {
    resultText = "平局！";
  } else if (
    (player1Choice === "Rock" && player2Choice === "Scissors") ||
    (player1Choice === "Paper" && player2Choice === "Rock") ||
    (player1Choice === "Scissors" && player2Choice === "Paper")
  ) {
    resultText = "玩家1获胜！";
  } else {
    resultText = "玩家2获胜！";
  }
  resultsDisplay.textContent = resultText;
  
  // 可选：添加重新开始逻辑，重置游戏状态
}

关键逻辑说明 #

• 全局变量存选择：用player1Choice和player2Choice持久化存储双方选择，让胜负判断函数能获取到完整的对局信息。
• 流程强制控制：初始化时禁用玩家2按钮，玩家1选完后才解锁，严格遵循“玩家1先选、玩家2后选”的规则。
• 胜负判断分支：通过清晰的条件覆盖所有胜负和平局场景，逻辑直观易懂。
• 按钮状态管理：选完后禁用对应玩家的按钮，避免重复选择干扰游戏流程。

额外优化建议 #

• 新增“重新开始”按钮，点击后重置所有状态（清空显示内容、重置选择变量、恢复按钮可用状态）。
• 用CSS美化按钮和结果显示区域，提升视觉体验。

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