选择JavaScript掷骰机中要掷多少骰子_Javascript_Html_Dice

选择JavaScript掷骰机中要掷多少骰子

javascript html

选择JavaScript掷骰机中要掷多少骰子,javascript,html,dice,Javascript,Html,Dice,我试图让我的脚本允许用户选择他们想在我的输入字段中掷多少骰子（1-40），按钮onClick（）函数捕获输入数字并显示/创建“骰子”div //原版骰子滚码，以防万一// 函数rollDice（）{ var numDice=document.getElementById（“diceNum”）.value； var status=document.getElementById（“状态”）； var d1=数学地板（数学随机（）*6）+1； var=d1； var container=docume

我试图让我的脚本允许用户选择他们想在我的输入字段中掷多少骰子（1-40），按钮onClick（）函数捕获输入数字并显示/创建“骰子”div


//原版骰子滚码，以防万一//
函数rollDice（）{
var numDice=document.getElementById（“diceNum”）.value；
var status=document.getElementById（“状态”）；
var d1=数学地板（数学随机（）*6）+1；
var=d1；
var container=document.getElementById（“diceNum”）.value；
对于（变量i=0；i=“50”）{
警惕（“我们没有那么多骰子”）；
}
否则，如果（Dicint原始尝试的简化版本：

函数rollDice（）{
var numDice=document.getElementById（“diceNum”）.value；
var container=document.getElementById（“dieContainer”）；
container.innerHTML=“”；
对于（变量i=0；i

选择要掷骰子的数量
掷骰子
您是否尝试运行这两个解决方案？运行时会发生什么？您可以使用该方法使用js动态创建div。@josephmbustamante我有，但我无法让它们中的任何一个正常工作。我只是将它们作为早期版本保留，以便其他人可能会看到我没有看到的东西--（我会确保用这些通知更新我的问题，这样我就不会浪费任何人的时间。）非常感谢！！！简化版在我的脚本中运行得非常好！可读性为10/10，帮助我在没有混乱的情况下查看逻辑。再次，非常感谢！
    <script>
    // ORIGINAL DICE ROLLER CODE, KEEP JUST IN CASE!!!//
      function rollDice(){
        var numDice = document.getElementById("diceNum").value;
        var status = document.getElementById("status");
        var d1 = Math.floor(Math.random() * 6) + 1;
        var diceRoll = d1;

        var container = document.getElementById("diceNum").value;

        for (var i = 0; i < diceNum.value; i++){
          //LOOP THROUGH APPHENDED INPUT VALUE AND POPULATE CONTAINER DIV//
          container.innerHTML = '<div class="dice">+diceRoll+</div>';
        };
        numDice.innerHTML = diceRoll;
        status.innerHTML = "You rolled "+diceRoll+".";+
      };


    // DICE ROLLER V(1.1 MOD) //
      function showdice() {
        var dicenum = prompt("how many dice would you like to roll?");
        var diceint = Math.round(dicenum);
        var diceroll, results = '';

        if (diceint >= "50") {
          alert("we don't have that many dice");
        }

        else if (diceint <= "0") {
          alert("you need to roll at least one die");
        }

        else
          for (i = 1; i <= diceint; i++) {
            diceroll = Math.ceil(Math.random() * 6);
            results += diceroll + ',';
          }
          alert(results);
      }


    // DICE ROLLER V(1.2 MOD) //
      function showdice() {
        var dicenum = prompt("how many dice would you like to roll?");
        var diceint = Math.round(dicenum);
        var results = [];

        if (diceint >= "50") {
          alert("we don't have that many dice");
        }

        else if (diceint <= "0") {
          alert("you need to roll at least one die");
        }

        else
          for (i = 0; i < diceint; i++) {
            results[i] = Math.ceil(Math.random() * 6);
          }
          alert(results.join(', '));
        }
    </script>
  </head>

  <body>
    <br/><br/><br/>

      <form class="" action="index.html" method="post">
        <h4>Choose number of dice to roll</h4>
        <p>[1 - 40]</p>
        <br/>
        <input id="diceNum" type="text" name="DiceNumber" placeholder="">
        <br/>
      </form>

      <br/><br/>

      <div id="dieContainer" class="dice">0</div>
      <br/><br/>
      <button onclick="rollDice()" style="margin-left: 20px; margin-right: 20px;">Roll Dice</button>
      <h2 id="status" style="clear:left;"></h2>
  </body>