Javascript 计数器没有正确递增

Question

我正在尝试在 JavaScript 中实现一个计数器，当单击“向上”按钮时该计数器会递增，而当单击“向下”按钮时该计数器会递减。但是，由于某种原因，用户第一次单击拇指向下按钮时，计数器会递增一次，之后它开始正确递增(向下)。有人可以查看我的代码并找出导致此问题的原因吗？代码如下:

<script type="text/javascript">
var counter1 = 0;
</script>

<div class="pastel-vote-block">
  <img class="thumbup" onclick="document.getElementById('tallyone').innerHTML = counter1++" src="img/thumb-up-dark.png" height="32" width="32" alt="thumb up">
  <p class="tally" id="tallyone">0</p>
  <img class="thumbdown" onclick="document.getElementById('tallyone').innerHTML = counter1--" src="img/thumb-down-dark.png" height="32" width="32" alt="thumb down">
</div>

Answer 1

如果将++运算符放在变量后面，则counter1在分配给innerHTML后将递增。

尝试使用 ++counter1 和 --counter1，因为这会在运算符赋值之前递增并产生预期的输出。