时间戳

首页 > 解决方案 > JavaScript 函数抛硬币函数挑战

javascript - JavaScript 函数抛硬币函数挑战

问题描述

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

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

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

  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>

标签： javascriptrequest.form

解决方案

这个功能（在另一个用户慈善编辑后）解决了这个问题......

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>

推荐阅读