Knockout ViewModel example

HTML

Title: <input data-bind="value: title" /><br>
Author: <input data-bind="value: author, valueUpdate: 'afterkeydown'" /><br>
Price: <input data-bind="value: price" /><br>
<hr>
<h2>
    <!-- ko text: title --><!-- /ko -->
    <small data-bind="text: '(by ' + author() + ')'"></small>
</h2>
<p>Price: $<!-- ko text: price --><!-- /ko --></p>

JavaScript

var workshop = {
    id: 104,
    title: ko.observable('Vehicle Design: Sci-Fi Ship'),
    author: ko.observable('Paul Christopher'),
    price: ko.observable(39.99)
};

ko.applyBindings(workshop);