如何让答题计分函数仅执行一次？解决重复点击加分问题

嗨，这个问题其实挺常见的，新手遇到很正常～ 你不需要让整个checkAnswer函数只执行一次，而是要给每道题加一个「是否已经获得过积分」的标记，或者直接禁用答案按钮就行。给你两种简单易懂的解法：

方法一：给题目实例添加已答对标记 #

这种方法是给每道题（也就是Question的实例）加一个状态，记录这道题是否已经被正确回答过，只有当未答对过时才执行加分逻辑。

1. 首先在Question的构造函数里添加一个标记属性：

function Question(correctAnswer) {
  this.correctAnswer = correctAnswer;
  // 新增标记：初始为false，表示还没答对过
  this.hasEarnedPoints = false;
  // 你的其他属性...
}

2. 修改checkAnswer函数，先检查这个标记：

Question.prototype.checkAnswer = function(answer1, answer2) {
  // 如果这题已经拿过分，直接返回不处理
  if (this.hasEarnedPoints) {
    console.log("这题已经答对过啦，不能重复加分哦");
    return;
  }

  if (answer1.innerHTML == this.correctAnswer) {
    console.log("correct");
    players1.moveCharacter = true;
    pointAmount += 1;
    point.innerHTML = pointAmount;
    // 标记这题已经拿过分，后续点击不再加分
    this.hasEarnedPoints = true;
  } else {
    console.log("nope")
  }
}

方法二：答对后禁用答案按钮 #

这种方法更直观，用户点击正确答案后，直接把所有选项按钮禁用，这样就没法重复点击了：

Question.prototype.checkAnswer = function(answer1, answer2) {
  if (answer1.innerHTML == this.correctAnswer) {
    console.log("correct");
    players1.moveCharacter = true;
    pointAmount += 1;
    point.innerHTML = pointAmount;
    // 禁用正确答案按钮
    answer1.disabled = true;
    // 如果有第二个选项按钮，也一起禁用
    if (answer2) {
      answer2.disabled = true;
    }
  } else {
    console.log("nope")
  }
}

两种方法都很适合新手，你可以根据自己的需求选：如果希望用户还能点击按钮但不加分，选方法一；如果想直接不让用户再点，选方法二。

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