用 JavaScript 打造谁想成为百万富翁游戏

谁想成为百万富翁游戏曾风靡全球，如今我们可以用 JavaScript 来打造属于自己的这款经典游戏。

搭建游戏的基本框架。使用 HTML 创建页面结构，划分出题目显示区域、选项区域以及得分和进度展示部分。而 JavaScript 将负责游戏的核心逻辑。

游戏开始，要生成题目与选项。可以创建一个包含各种题目的数组，每个题目对象附带正确答案和干扰选项。利用 JavaScript 的随机数生成功能，从数组中随机选取题目展示在页面上。例如：

let questions = [
  {
    question: "地球的自转周期大约是多久？",
    options: ["12 小时", "24 小时", "36 小时", "48 小时"],
    answer: "24 小时"
  },
  // 更多题目
];
function getRandomQuestion() {
  let randomIndex = Math.floor(Math.random() * questions.length);
  return questions[randomIndex];
}

接着，处理用户的选择。当用户点击选项时，通过 JavaScript 捕获点击事件。将用户选择的答案与正确答案进行比对，如果正确，增加得分并进入下一题；如果错误，则游戏结束。

const optionElements = document.querySelectorAll('.option');
optionElements.forEach((option) => {
  option.addEventListener('click', function () {
    let selectedAnswer = this.textContent;
    if (selectedAnswer === currentQuestion.answer) {
      score++;
      displayScore();
      loadNextQuestion();
    } else {
      gameOver();
    }
  });
});

为了提升游戏体验，还能添加一些辅助功能。比如设置倒计时，使用 JavaScript 的定时器来实现。随着时间流逝，倒计时数值减少，时间耗尽游戏也将结束。增加“求助”功能，例如去掉两个错误选项。这可以通过操作选项数组，移除随机的两个错误选项来实现。

function useHint() {
  let wrongOptions = currentQuestion.options.filter(option => option!== currentQuestion.answer);
  let removedOptions = [];
  while (removedOptions.length < 2) {
    let randomIndex = Math.floor(Math.random() * wrongOptions.length);
    removedOptions.push(wrongOptions[randomIndex]);
    wrongOptions.splice(randomIndex, 1);
  }
  // 更新页面显示
}

通过这些步骤，用 JavaScript 就能打造出一个趣味十足的谁想成为百万富翁游戏，让玩家在网页上尽情享受答题赢取“财富”的乐趣。