How can I make this Javascript score counter work?
<p>I'm trying to make a very simple dice rolling game so I can get the basics of Javascript.</p>

<p>It's two dice being rolled - one red, one blue - and a counter keeping score for each to see how many rounds each dice has won.</p>

<p>The dice roll fine but I'm having no luck at all with the counters. If the red one is higher then I want it's counter to increase by 1. Likewise for the blue. At the moment however, nothing happens.</p>

<p>Here's the HTML:</p>

<pre><code>&lt;div id="reds"&gt;
  &lt;div id="die1"&gt;0&lt;/div&gt;
  &lt;div id="redCounter"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="blues"&gt;
  &lt;div id="die2"&gt;0&lt;/div&gt;
  &lt;div id="blueCounter"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And the relevent bit of Javascript:</p>

<pre><code>var redCounter = document.getElementById("redCounter");
var blueCounter = document.getElementById("blueCounter");
var redScore = 0;
var blueScore = 0;

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

<p>Can anyone give me any clue as to where I'm going wrong?</p>