Knockoutjs.com - Hello World Example

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

by Joseph Tate

HTML

<script src="https://raw.github.com/mathiasbynens/jquery-placeholder/master/jquery.placeholder.js"></script>
    <p>First name: <input placeholder="Text" data-bind='value: firstName' /></p> 
    <p>Last name: <input data-bind='value: lastName' /></p> 
    <h2>Hello, <span data-bind='text: fullName'> </span></h2>

JavaScript

var ViewModel = function(first, last) {
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);
 
    this.fullName = ko.computed(function() {
        return this.firstName() + " " + this.lastName();
    }, this);
};
 
ko.applyBindings(new ViewModel("", ""));