JavaScript石头剪刀布aiChoice未赋值、AI选择内容不显示问题求助

• 逻辑执行时机错误：AI选值、结果渲染的代码是在页面初始加载时直接运行的，不会等用户点击选择按钮后再触发。页面加载完成时clicked初始值为false，AI赋值的判断分支永远不会在用户点击后执行，aiChoice始终是初始值null，switch语句匹配不到任何分支，自然无法渲染「AI Chose: __」的内容。
• 变量赋值逻辑有隐患：playerChoice初始值为null，使用+=累加赋值时，若用户重复点击不同选项，数值会持续累加出现非0/1/2的异常值，应该直接用=赋值固定选项值。
• 随机数概率不均：Math.round(Math.random()*2)的写法会让中间值1出现的概率为50%，0和2出现的概率各为25%，不符合三个选项等概率随机的要求。

把AI出拳、结果渲染的逻辑封装成独立函数，在用户每次点击选项完成选择后直接调用，同时修正赋值和随机数逻辑，修正后代码如下：

let playerChoice = null;
let aiChoice = null;
let results = null;

// 封装单轮游戏逻辑：AI出拳 + 渲染选择结果
function playRound() {
  // 等概率生成0、1、2分别对应石头、布、剪刀
  aiChoice = Math.floor(Math.random() * 3);
  // 渲染AI选择内容
  switch(aiChoice){
    case 0:
      ai.textContent = "AI Chose: rock";
      break;
    case 1:
      ai.textContent = "AI Chose: paper";
      break;
    case 2:
      ai.textContent = "AI Chose: scissors";
      break;
  }
  // 可在此处追加胜负判断、结果展示的逻辑
}

// 玩家选项点击事件
rock.addEventListener("click", function(){
  playerChoice = 0;
  you.textContent = "You chose: rock";
  playRound();
});
paper.addEventListener("click", function(){
  playerChoice = 1;
  you.textContent = "You chose: paper";
  playRound();
});
scissors.addEventListener("click", function(){
  playerChoice = 2;
  you.textContent = "You chose: scissors";
  playRound();
});

注：修正后移除了无意义的clicked标记变量，用户点击即触发单轮游戏，逻辑链路更短更不容易出时序问题。

内容的提问来源于stack exchange，提问作者Hellcodes.js