You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.8 KiB
59 lines
1.8 KiB
4 weeks ago
|
# 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.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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*.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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][random] to
|
||
|
|
retrieve a *true* random number which I use to seed Chance.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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>
|
||
|
|
```
|
||
|
|
|
||
|
|
[random]: http://www.random.org
|