我怎样才能让这个 Javascript 计分器工作？

Question

我正在尝试制作一个非常简单的掷骰子游戏，以便了解 Javascript 的基础知识。

它是掷两个骰子 - 一个红色，一个蓝色 - 和一个计数器，记录每个骰子的分数，看看每个骰子赢了多少轮。

骰子掷得很好，但我对计数器一点运气都没有。如果红色的更高，那么我希望它的计数器增加 1。蓝色也是如此。然而此刻，什么也没有发生。

这是HTML：

<div id="reds">
  <div id="die1">0</div>
  <div id="redCounter"></div>
</div>
<div id="blues">
  <div id="die2">0</div>
  <div id="blueCounter"></div>
</div>

和Javascript的相关位：

var redCounter = document.getElementById("redCounter");
var blueCounter = document.getElementById("blueCounter");
var redScore = 0;
var blueScore = 0;

if(d1 < d2) {
  status.innerHTML += " <br>Blue Wins!";
  var blueCounter=+1;
  blueCounter.innterHTML= "Blue has " + blueScore + " points!";
}
else if(d1 > d2) {
  status.innerHTML += " <br>Red Wins!";
  var blueCounter=+1;
  document.getElementByID("redCounter").innterHTML=redCounter;
}

谁能告诉我哪里出错了？

Answer 1

var blueCounter=+1 例如在您的 if 块中创建一个新变量并将其设置为 1。首先您使用 blueCounter 作为 dom 元素。如果你想添加到你之前添加的 blueCounter 这样做

   blueScore++;
   blueCounter.innerHTML = "Blue has " + blueScore + " Points";

简而言之：您将 DomElement blueCounter 与得分变量 blueScore 混淆了

我怎样才能让这个 Javascript 计分器工作？

How can I make this Javascript score counter work?

javascript

counter