browser

Easy

Chance instantiates itself onto the window. This means that in the simplest case you can just include the script tag then use an instance of Chance immediately.

<script src="chance.js"></script>
<script>
    console.log(chance.bool());
</script>

The above snippet would result in either true or false being logged to your console. Note how the instance is lowercase chance. Uppercase Chance is the constructor which will create a new instance of Chance.

Intermediate

You can also ignore the global instantiation of Chance and create your own. This allows you to create multiple instances if you'd like. For convenience, we also bind Chance to window so it's accessible globally in the browser at window.Chance or just Chance.

<script src="chance.js"></script>
<script>
    var my_chance = new Chance();
    console.log(my_chance.bool());
</script>

Advanced

If you create your own instance of Chance, you can provide your own seed if you would like to be repeatable or if you'd like a more truly random seed. In the below example, I am doing an AJAX call to hit Random.org to retrieve a true random number which I use to seed Chance.

<script src="http://chancejs.com/chance.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    var mySeed;
    $.get("https://www.random.org/integers/", {num: "1", col: "1", min: "1", max: "1000000000", base: "10", format: "plain", rnd: "new"}, function(randNum) {
      mySeed = randNum;

      // Instantiate Chance with this truly random number as the seed
      var my_seeded_chance = new Chance(mySeed);
      console.log(my_seeded_chance.natural());
    });
</script>