Knockoutjs.com - ABC example

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

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<div class='liveExample'>   
    <h2 data-bind="value: 'A', click: myFunction">Aaaaa</h2>  
    <h2 data-bind="value: 'B', click: myFunction">Bbbbb</h2>
    <h2 data-bind="value: 'C', click: myFunction">Ccccc</h2>
</div>

CSS

body { font-family: arial; font-size: 14px; }
.liveExample { padding: 1em; background-color: #EEEEDD; border: 1px solid #CCC; max-width: 655px; }
.liveExample h2 { margin-top: 0.4em; font-weight: bold; font-size: 1.2em; cursor: pointer; }

JavaScript

// Here's my data model
var ViewModel = function() {

    this.myFunction = function (elm)
    {
        debugger;
        alert('you clicked: ' + elm);
    }
};
 
ko.applyBindings(new ViewModel()); // This makes Knockout get to work