JSFiddle - React, Tailwind, and code Playground

by Tori Hoelscher

HTML

<button onclick="alg();">
Let's flip the coin 1000 times!
</button>
<div id="ran">

</div><br><br>
<div id="print"></div>

JavaScript

function alg() {
  var head_count = 0; // count for head
  var tails_count = 0; // count for tails
  var d = ""; // used to print to screen for troubleshooting 
   
  
  for (var i=0; i <= 1000; i++) {
  	var r = Math.random(); //random generator between 0 and 1
    if (r < 0.5) {
    //for head
    	head_count++;
    }
    else {
    //for tails
    	tails_count++;
    }
  }
  
  var head_P = (head_count/1000) * 100; //calculate percentage
  var tail_P = (tails_count/1000) * 100; //calculate percentage
  
  var p = ""; // string for printing to screen
  p += "Head Probability: " + head_P + "%" + "</br>" + "Tails Probability: " + tail_P + "%";
  //above is the probability for both head and tail
  document.getElementById("print").innerHTML = p; // prints to screen
}


/*
function print() {
	var p = "";

document.getElementById("print").innerHTML = p;
}
*/