javascript - 递增和递减不起作用

Question

我试图让“好”按钮 +1 点，让“错误”按钮到 -1 点。现在它不执行任何操作。

<script>
  var score = 0;

  function scoreplus() {
    score = score++;
  }

  function scoremin() {
    if (score > 0) {
      score = score--;
    } else {
      score = 0;
    }
  }
</script>

<div class="points">
  <p id="punten">
    <script>
      document.write(score);
    </script>
  </p>

  <button class="" id="win" onclick="scoreplus();">GOOD</button>
  <button class=" " id="lose" onclick="scoremin();">WRONG</button>
</div>

你看到我哪里做错了吗？

Answer 1

你运行 document.write()只有一次。点击不会影响它。使用 innerHTML相反，运行 <script> 在 HTML 之后。

score = score++不是正确的分配。 score++足够。

<div class="points">
  <p id="punten"></p>
  <button class="" id="win" onclick="scoreplus();">GOOD</button>
  <button class=" " id="lose" onclick="scoremin();">WRONG</button>
</div>

<script>
  var punten = document.getElementById("punten");
  var score = 0;

  function scoreplus() {
    score++;
    punten.innerHTML = score;
  }

  function scoremin() {
    if (score > 0) {
      score--;
    } else {
      score = 0;
    }
    punten.innerHTML = score;
  }

  punten.innerHTML = score;
</script>