JavaScript Functions Toss Coin Function Challenge

Question

JavaScript Functions (need help with question 4)

Define a function that simulates tossing a coin. Write your definition here. You can save it in your folder as a text file called tossCoin1.txt
Incorporate your function definition from number one into a program that simulates coin tossing. Call the file tossCoin2.html. Let the program toss the coin each time the user presses the “Toss” button. This means that you will need to have a form in the body of your document. Display the results of the toss in a text input in the form.
Modify the program you just wrote, saving it as tossCoin3.html so that it keeps track of the number of times the coin has been tossed, the number of times heads comes up and the number of times tails comes up.
Modify the program again, saving it as tossCoin4.html so that the user can input the number of times they want to toss the coin. If they input a 1000, it will toss the coin a thousand times and output the number of times heads comes up and the number of times tails comes up.

<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>

The standard here is to get help debugging your attempts at these. Please edit the question to show at least one try. — danh
– danh, Commented Oct 25, 2021 at 15:16

danh · Accepted Answer · 2021-10-25 16:15:41Z

0

This function (after a charitable edit by another user) solves the problem...

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>

edited Oct 25, 2021 at 16:15

danh

62.7k10 gold badges100 silver badges139 bronze badges

answered Oct 25, 2021 at 15:54

JanamP

113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript Functions Toss Coin Function Challenge

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related