JavaScript中实现文本到Emoji的替换：以石头剪刀布游戏为例

const emojis = {
  rock: "✊",
  paper: "✋", // 注意：原始问题中的 "?" 可能是 "✋" 的输入错误，此处使用 "✋"
  scissors: "✌"
};

function getComputerChoice() {
  const options = ["rock", "paper", "scissors"]; // 保持内部逻辑使用文本字符串
  const random = Math.floor(Math.random() * options.length);
  return options[random];
}

function getResult(playerChoice, computerChoice) {
  let score;
  if (playerChoice === computerChoice) {
    score = 0;
  } else if (
    (playerChoice == "rock" && computerChoice == "paper") ||
    (playerChoice == "paper" && computerChoice == "scissors") ||
    (playerChoice == "scissors" && computerChoice == "rock")
  ) {
    score = -1;
  } else {
    score = 1;
  }
  return score;
}

// ... 其他游戏逻辑和DOM操作 ...

// 假设 computerChoiceDiv 是显示电脑选择的DOM元素
// 假设 btn.value 是玩家选择的文本字符串

rpsBtns.forEach(
  (btn) =>
    (btn.onclick = () => {
      const computerChoiceText = getComputerChoice(); // 获取电脑选择的文本

      // 显示电脑选择的Emoji
      computerChoiceDiv.innerText = emojis[computerChoiceText]; 

      // 玩家选择的文本（btn.value）也需要转换为Emoji来显示
      const playerChoiceText = btn.value;

      // 调用游戏核心逻辑，传入文本字符串
      const score = getResult(playerChoiceText, computerChoiceText);

      // showResult 函数可能也需要调整，以显示Emoji
      // 例如，如果 showResult 接收 playerChoiceText 和 computerChoiceText，
      // 它应该在内部将它们转换为Emoji再显示
      showResult(score, playerChoiceText, computerChoiceText); 
    })
);

// 假设 showResult 函数的签名和内部逻辑
function showResult(score, playerChoiceText, computerChoiceText) {
  // 根据分数更新结果文本
  let resultText = '';
  if (score === 0) {
    resultText = "It's a Draw!";
  } else if (score === 1) {
    resultText = "You Win!";
  } else {
    resultText = "You Lose!";
  }

  // 更新DOM显示结果文本
  // resultDisplayDiv.innerText = resultText;

  // 显示玩家和电脑选择的Emoji
  // playerChoiceDisplayDiv.innerText = emojis[playerChoiceText];
  // computerChoiceDisplayDiv.innerText = emojis[computerChoiceText];

  // 或者，直接在 showResult 内部构建完整的显示字符串
  // 例如：
  // fullResultDisplayDiv.innerText = `${resultText} Player: ${emojis[playerChoiceText]} vs. Computer: ${emojis[computerChoiceText]}`;
}

// 1. 定义Emoji映射对象
const emojis = {
  rock: "✊",
  paper: "✋", // 假设是手掌的Emoji
  scissors: "✌"
};

// 2. 获取电脑随机选择（保持返回文本字符串）
function getComputerChoice() {
  const options = ["rock", "paper", "scissors"];
  const random = Math.floor(Math.random() * options.length);
  return options[random];
}

// 3. 计算游戏结果（保持使用文本字符串进行比较）
function getResult(playerChoice, computerChoice) {
  let score;
  if (playerChoice === computerChoice) {
    score = 0; // 平局
  } else if (
    (playerChoice == "rock" && computerChoice == "paper") ||
    (playerChoice == "paper" && computerChoice == "scissors") ||
    (playerChoice == "scissors" && computerChoice == "rock")
  ) {
    score = -1; // 玩家输
  } else {
    score = 1; // 玩家赢
  }
  return score;
}

// 4. 假设存在DOM元素用于显示结果和选择
const computerChoiceDiv = document.getElementById('computer-choice-display');
const playerChoiceDiv = document.getElementById('player-choice-display');
const resultDisplayDiv = document.getElementById('result-display');
const rpsBtns = document.querySelectorAll('.rps-btn'); // 假设按钮有 'rps-btn' 类

// 5. 更新显示结果的函数，现在可以处理Emoji
function showResult(score, playerChoiceText, computerChoiceText) {
  let resultMessage;
  if (score === 0) {
    resultMessage = "It's a Draw!";
  } else if (score === 1) {
    resultMessage = "You Win!";
  } else {
    resultMessage = "You Lose!";
  }

  resultDisplayDiv.innerText = resultMessage;
  playerChoiceDiv.innerText = `你的选择: ${emojis[playerChoiceText]}`;
  computerChoiceDiv.innerText = `电脑选择: ${emojis[computerChoiceText]}`;
}

// 6. 游戏主循环或事件监听
function playGame() {
  rpsBtns.forEach(
    (btn) =>
      (btn.onclick = () => {
        const playerChoiceText = btn.value; // 玩家点击按钮获取选择文本
        const computerChoiceText = getComputerChoice(); // 获取电脑选择文本

        // 计算结果
        const score = getResult(playerChoiceText, computerChoiceText);

        // 更新UI显示
        showResult(score, playerChoiceText, computerChoiceText);
      })
  );
}

// 启动游戏
playGame();