JavaScript 函数抛硬币函数挑战

Question

JavaScript 函数（需要帮助解决问题 4）

1. 定义一个模拟抛硬币的函数。 在这里写下你的定义。 您可以将其保存为名为 tossCoin1.txt 的文本文件在您的文件夹中

2. 将第一个函数定义合并到一个模拟抛硬币的程序中。 调用文件 tossCoin2.html。 每次用户按下“Toss”按钮时，让程序抛硬币。 这意味着您需要在文档正文中包含一个表单。 在表单中输入文本显示折腾结果。

3. 修改您刚刚编写的程序，将其保存为 tossCoin3.html，以便跟踪硬币被抛的次数、正面出现的次数和反面出现的次数。

4. 再次修改程序，将其保存为tossCoin4.html，以便用户输入他们想要抛硬币的次数。 如果他们输入 1000，它将掷硬币一千次，并输出正面出现的次数和反面出现的次数。

 <label>How many times do you wat to flip the coin</label> <input type = "number" id = "tosses" required> <input type="submit" onsubmit="flipCoin()" value="Flip Coin"> <p> Results:</p> <p> Heads: <span id="head">0</span></p> <p> Tails: <span id="tail">0</span></p>

  <script>
    var tails = 0;
    var heads = 0;
    var tosses = parseInt(document.getElementById("tosses").value);

    function flipCoin(){
      while (tosses != 0){

        var toss = Math.floor(Math.random() * 2);
        tosses--;

        if(toss == 0){
          heads++;
        } else {
          tails++;
        }
        
        document.getElementById("head").innerHTML = (heads);
        document.getElementById("tail").innerHTML = (tails);
      }
      
    }//flipCoin()
  </script>

Answer 1

此功能（在其他用户进行慈善编辑后）解决了问题...

 function flipCoin() { let tails = 0; let heads = 0; let tosses = parseInt(document.getElementById('tosses').value); //Loop as many times as the tosses for (var i = 0; i < tosses; i++) { let toss = Math.random(); if (toss < 0.5) { heads++; } else { tails++; } } //for loop //display results document.getElementById("head").innerHTML = (heads); document.getElementById("tail").innerHTML = (tails); } document.getElementById('run').addEventListener("click", flipCoin);

 Tosses: <input id="tosses" value="100" style="width:100px" /> <button id="run">Run</button> <p>Heads: <span id="head"/></p> <p>Tails: <span id="tail"/></p>