javascript - 无限 6 面骰子滚轮

Question

需要学校的 JavaScript 作业帮助，但不知道该怎么做，希望得到一些提示？

我们应该创建一个 6 面掷骰子程序，用户可以选择应该掷多少个骰子，最少 1 个和最多 5 个骰子。

所用骰子数量的总和应始终显示在页面上。但是如果抛出一个数字 6，那么这应该使程序忽略它的总和，而是抛出两个新的骰子，当它发生时应该有一条错误消息显示。

掷出所有骰子后，应显示所有骰子的总和以及掷骰子的次数。

到目前为止，我已经设法创建了这个，但我不确定我应该如何处理数字 6 或者即使我在这里走的是正确的道路？

JS

function rollDice() {
  var numDice = document.getElementById("diceNum").value;
  var container = document.getElementById("dieContainer");

  container.innerHTML = "";

  for (var i = 0; i < numDice; i++) {
    var diceRoll = Math.floor(Math.random() * 6) + 1;
    container.innerHTML += '<div class="dice">' + diceRoll + '</div>';
  };

  var x, text;
  x = document.getElementById("diceNum").value;

  if (isNaN(x) || x < 1 || x > 5) {
    window.alert('Input not valid');
    document.getElementById("dieContainer").style.display = "none";
  } else {
    document.getElementById("dieContainer").style.display = "block";
  }
};

编辑
我现在更新到这个

let diceThrows = numDice;
let sum = 0;
while(diceThrows > 0) {
    var diceRoll = Math.floor(Math.random() * 6) + 1;
    if(diceRoll == 6) {
        diceThrows += 2;
        console.log("You got a 6 och two new dices were thrown");
        document.getElementById("msg").innerHTML = "You got a 6 och two new dices were thrown";
    } else {
        sum += diceRoll;
        console.log(sum);
        document.getElementById("msg").innerHTML = "Result: " + sum;
    }
    container.innerHTML += '<div class="dice">' + diceRoll + '</div>';
    diceThrows -= 1;
}

我设法显示了结果，但现在想知道是否有一种方法可以显示结果而无需每次使用该功能时都将其重置？

Answer 1

更换循环 for通过循环 while :

let diceThrows = 6;
let sum = 0;
while(diceThrows > 0) {
    var diceRoll = Math.floor(Math.random() * 6) + 1;
    if(diceRoll == 6) {
        diceThrows += 2;
    } else {
        sum += diceRoll;
    }
    container.innerHTML += '<div class="dice">' + diceRoll + '</div>';
    diceThrows -= 1;
}