This demonstrates how to use Y.Alea to simulate rolling 6-sided dice.

Setting up the HTML

First we add the HTML form.

``` {{>d6-source-html}} ```

Creating the Die Roller

Now we create an instance of Y.Alea, and write some functions to generate die rolls.

``` var alea = new Y.Alea(), randomBoundInteger = function (max, min) { return Math.floor(min + alea.random() * (max - min + 1)); }, rollD6 = function (count) { var sum = 0; while (count > 0) { count -= 1; sum += randomBoundInteger(6, 1); } return sum; }; ```

Handling the Click Event

Clicking the button should roll the dice, so we'll need to handle that click.

``` Y.one('#rollDice').on('click', function () { var numberOfDice = +numberOfDiceInputNode.get('value'); if (numberOfDice > 0) { resultsNode.append(' ' + rollD6(numberOfDice) + ' '); } }); ```

Complete Example Source

``` {{>d6-source}} ```