如何将随机的计算机选择添加到石头剪布剪刀中的按钮

将随机的计算机选择添加到石头剪布剪刀游戏中的按钮，可以通过以下步骤实现：

创建一个包含石头、剪刀和布三种选项的按钮组。可以使用HTML和CSS来实现界面布局，JavaScript来处理逻辑。
使用JavaScript编写函数来实现计算机随机选择的逻辑。可以使用Math.random()函数生成一个0到1之间的随机数，再根据不同的区间将随机数映射为石头、剪刀或布。
在用户点击按钮之后，调用随机选择函数生成计算机的选择，并将其与用户选择进行比较。
根据游戏规则判断胜负，并在页面上显示结果。可以使用HTML和CSS来动态更新游戏结果。

示例代码如下（仅供参考）：

HTML:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>石头剪布剪刀游戏</title>
  <style>
    /* 样式设置 */
  </style>
</head>
<body>
  <h1>石头剪布剪刀游戏</h1>
  <button id="rock">石头</button>
  <button id="scissors">剪刀</button>
  <button id="paper">布</button>
  <p id="result"></p>
  <script src="game.js"></script>
</body>
</html>

JavaScript (game.js):

// 获取按钮元素
var rockBtn = document.getElementById('rock');
var scissorsBtn = document.getElementById('scissors');
var paperBtn = document.getElementById('paper');

// 监听按钮点击事件
rockBtn.addEventListener('click', function() {
  playGame('rock');
});

scissorsBtn.addEventListener('click', function() {
  playGame('scissors');
});

paperBtn.addEventListener('click', function() {
  playGame('paper');
});

// 游戏逻辑函数
function playGame(userChoice) {
  // 随机选择计算机的选项
  var computerChoice = getRandomChoice();
  
  // 比较用户选择和计算机选择，判断胜负
  var result;
  if (userChoice === computerChoice) {
    result = '平局';
  } else if (
    (userChoice === 'rock' && computerChoice === 'scissors') ||
    (userChoice === 'scissors' && computerChoice === 'paper') ||
    (userChoice === 'paper' && computerChoice === 'rock')
  ) {
    result = '你赢了';
  } else {
    result = '你输了';
  }
  
  // 显示游戏结果
  var resultElement = document.getElementById('result');
  resultElement.textContent = result;
}

// 生成计算机的随机选择
function getRandomChoice() {
  var random = Math.random();
  if (random < 0.33) {
    return 'rock';
  } else if (random < 0.66) {
    return 'scissors';
  } else {
    return 'paper';
  }
}

通过上述代码，实现了一个简单的石头剪布剪刀游戏，并且可以将计算机的随机选择与用户选择进行对比，判断胜负，并在页面上显示结果。注意，上述代码仅为示例，实际实现中可能需要根据具体需求进行修改和扩展。