Coin Flip Simulation

by F Fornos

HTML

<button style="margin-right: 20px;">Flip!</button><span id="counts"></span>
<div id="results"></div>

JavaScript

var coin = {
	flip: function(){
    	return !(Math.random()+.5|0);
    },
    count: {
    	heads: 0,
        tails: 0
    },
    loop: function(){
        setInterval(function(){
            coin.result();
        }, 10);
    },
    result: function(){
    	switch(coin.flip()){
            case true:
                $('#results').prepend('Heads<br />');
                coin.count.heads++;
                break;
            case false:
                $('#results').prepend('Tails<br />');
                coin.count.tails++;
                break;
        }
        $('#counts').html('<strong>Heads</strong>: ' + coin.count.heads + ' | ' + ((coin.count.heads / (coin.count.heads + coin.count.tails)) * 100).toFixed(2) + '% | <strong>Tails</strong>: ' + coin.count.tails + ' | ' + ((coin.count.tails / (coin.count.heads + coin.count.tails)) * 100).toFixed(2) + '%');
    }
};

//coin.loop();

$('button').click(function(){
	coin.result();
});