knockout example

by Joe Saad

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js  Copy"></script>
<div id="context">
  <input type="text" data-bind="value: firstName">
  <input type="text" data-bind="value: lastName">
  <div>
    <span data-bind="text:firstName"></span>
    <span data-bind="text:lastName"></span>
  </div>
</div>

<script>


</script>

JavaScript

var model = {
  firstName: ko.observable('Joe'),
  lastName: ko.observable('Saad')
}

var context = document.getElementById('context');
ko.applyBindings(model, context);