Knockout - Random Number Generator
HTML
<label>minimum</label>
<input data-bind="value: minimum" />
<label>maximum</label>
<input data-bind="value: maximum" />
<button data-bind="click:getRandomInt">Generate Random Integer</button>
<ul data-bind="foreach: results">
<li><span data-bind="text: val"></span></li>
</ul>
JavaScript
var vm = (function () {
var minimum = ko.observable(1);
var maximum = ko.observable(10);
var results = ko.observableArray([]);
var vm = {
maximum: maximum,
minimum: minimum,
getRandomInt: getRandomInt,
results: results
};
return vm;
function getRandomInt() {
var max = maximum();
var min = minimum();
var num = Math.floor(Math.random() * (max - min + 1)) + min;
results.push({val: num});
}
})();
ko.applyBindings(vm);