このJavascriptスコアカウンターを動作させるにはどうすればよいですか？

Question

私は非常に簡単なサイコロのゲームを作ろうとしているので、私はJavascriptの基礎を得ることができます。

1つの赤、1つの青、それぞれのダイスが獲得したラウンド数を見るためのカウンター・キープ・スコアです。

ダイスはうまくロールしますが、カウンターでは全く運がありません。赤い方が高い場合は、カウンターが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のreleventビット：

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