点击按钮后更新全局变量javascript

Question

我尝试在过去的线程中理解这个解决方案，但找不到我想要的内容。

单击按钮时，我有2个骰子滚动。我希望能够创建每次滚动产生的总数。

Example: 
Roll 1 is 3+4 = 7 | Running total = 7
Roll 2 is 2+6 = 8 | Running total = 15
Roll 3 is 4+1 = 5 | Running total = 20

这是我的代码。我有一个全局变量正在更新，但我得到了NaN for var running3。

在学习JS的过程中，非常感谢任何帮助。谢谢。

var running2 = null;

function rollDice() {
  var die1 = document.getElementById("die1");
  var die2 = document.getElementById("die2");
  var status = document.getElementById("status");
  var status2 = document.getElementById("status2");
  var d1 = Math.floor(Math.random() * 6) + 1;
  var d2 = Math.floor(Math.random() * 6) + 1;
  var diceTotal = d1 + d2;

  die1.innerHTML = d1;
  die2.innerHTML = d2;

  var running3 = (diceTotal + running2);
  var running2 = running3;
  status.innerHTML = "You rolled " + diceTotal;
  // if(d1 == d2){
  //     status.innerHTML += " DOUBLES! You get a free turn!!";
  // }

  status2.innerHTML = "Your running " + running3;

}

div.dice {
  float: left;
  width: 32px;
  background: #F5F5F5;
  border: #999 1px solid;
  padding: 10px;
  font-size: 24px;
  text-align: center;
  margin: 5px;
}

<div id="die1" class="dice">0</div>
<div id="die2" class="dice">0</div>
<button onclick="rollDice()">Roll Dice</button>
<h2 id="status" style="clear:both;"></h2>
<h2 id="status2" style="clear:both;"></h2>