石头剪刀布游戏中playerWin+rockWin响应异常排查求助

问题排查结果 #

• 核心错误1：缺失石头按钮的事件绑定
  现有事件监听代码仅为剪刀、布两个按钮绑定了点击回调，没有为石头按钮添加对应的监听，点击石头按钮不会触发rockPlay函数执行，页面展示的是之前测试残留的平局结果。
  修复方案：在事件绑定代码段添加对应逻辑：

  rockbtn.addEventListener('click', rockPlay);
  

• 核心错误2：石头获胜分支未更新页面结果
  在playRound函数的playerSelection === rock && computerSelection === scissors判断分支中，仅做了分数计算、日志打印和结果返回，没有将结果赋值给页面的resultPara节点，就算逻辑执行正确，页面也不会更新对应结果。
  修复方案：在该分支内添加赋值代码：

  resultPara.textContent = results;
  

• 额外问题：现有playRound函数代码不完整
  当前贴出的playRound仅实现了玩家出石头的相关逻辑，缺少玩家出布、剪刀对应的判断分支，且最后一个else if缺少闭合的花括号，运行时会抛出语法错误，需要补全剩余判断逻辑和代码闭合。

补全后的单轮对局参考代码 #

function playRound(playerSelection, computerSelection){
    let results;
    if (playerSelection === computerSelection){
        results = tie;
    } else if(playerSelection === rock && computerSelection === paper){
        computerPoints++;
        results = computerWin + paperWin;
    } else if(playerSelection === rock && computerSelection === scissors){
        playerPoints++;
        results = playerWin + rockWin;
    } else if(playerSelection === paper && computerSelection === scissors){
        computerPoints++;
        results = computerWin + scissorsWin;
    } else if(playerSelection === paper && computerSelection === rock){
        playerPoints++;
        results = playerWin + paperWin;
    } else if(playerSelection === scissors && computerSelection === rock){
        computerPoints++;
        results = computerWin + rockWin;
    } else if(playerSelection === scissors && computerSelection === paper){
        playerPoints++;
        results = playerWin + scissorsWin;
    } else {
        results = oops;
    }
    // 统一更新页面和日志，避免每个分支重复写冗余代码
    resultPara.textContent = results;
    console.log('玩家选择：', playerSelection, '玩家分数：', playerPoints);
    console.log('电脑选择：', computerSelection, '电脑分数：', computerPoints);
    return results;
}

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