Knockoutjs.com - Click counter example

http://knockoutjs.com/examples/clickCounter.html

by intrinsica

HTML

<div data-bind='text: numberOfClicks'>&nbsp; times</div>
     
    <button data-bind='click: registerClick, disable: hasClickedTooManyTimes'>Click me</button>
     
    <div data-bind='visible: hasClickedTooManyTimes'>
        That's too many clicks! Please stop before you wear out your fingers.
        <button data-bind='click: resetClicks'>Reset clicks</button>
    </div>

JavaScript

var x = {
    numberOfClicks: ko.observable(0),
};
x.registerClick = function() {
        x.numberOfClicks(x.numberOfClicks() + 1);
    };
 
x.resetClicks = function() {
        x.numberOfClicks(0);
    };
 
x.hasClickedTooManyTimes = ko.computed(function() {
        return x.numberOfClicks() >= 11;
    }, x);
 
ko.applyBindings(x);