石头剪刀布游戏innerHTML显示异常：事件触发仅80%生效

• 确认状态变量实时更新：每次触发按钮点击时，必须在initGame()内重新计算玩家选择和电脑随机选择，不能依赖外部缓存的旧变量。比如在函数开头就生成电脑的随机选择，确保每次都是新值。
• 避免重复绑定事件监听：如果initGame()被多次调用，会导致同一个按钮绑定多个事件处理器，引发状态冲突。把事件监听的绑定逻辑放在页面初始化阶段（比如DOMContentLoaded回调），而非每次游戏初始化都重复绑定。
• 尝试强制DOM重绘：即便控制台输出正确，DOM可能存在延迟更新的情况。更新innerHTML后可以添加空操作触发重绘：

  playerScore.innerHTML = `玩家选择：${playerChoice}`;
  // 触发重绘
  void playerScore.offsetWidth;
  computerScore.innerHTML = `电脑选择：${computerChoice}`;
  void computerScore.offsetWidth;
  

• 替换innerHTML为textContent：如果只是展示纯文本，textContent比innerHTML更稳定，也能避免潜在的渲染问题：

  playerScore.textContent = `玩家选择：${playerChoice}`;
  computerScore.textContent = `电脑选择：${computerChoice}`;
  

• 检查变量作用域：确保玩家和电脑选择的变量是initGame()内部的局部变量（用const/let声明），防止全局变量被其他代码意外修改导致旧值残留。

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