KnockoutJS Two Way Data Binding Example

knockoutjs-data-binding-example.html

<input data-bind="value: firstName" placeholder="first name"/>
<input data-bind="value: lastName" placeholder="last name"/>

<p data-bind="text: fullName()"></p>

<script>
var viewModel = function () {
    var self = this;
    self.firstName = ko.observable( 'Ivan' );
    self.lastName  = ko.observable( 'M' );
    self.fullName = ko.computed( function () {
        return self.firstName() + ' ' + self.lastName();
    } );
};

ko.applyBindings( viewModel );
</script>