JSFiddle - React, Tailwind, and code Playground

by Jaganathan

HTML

<div id="view">
    <span>Type Your Name:</span>
    <input type="text" data-bind="value: model.name, valueUpdate: 'afterkeydown'" />
    <div data-bind="text: 'Hello ' + model.name(), click: sayHai">
    </div>
</div>

JavaScript

//model
var TheModel = function () {
        this.name= ko.observable('Jaganathan');
    };

//viewmodel
var viewModel = function() {
  this.model =  new TheModel();
};
viewModel.prototype.sayHai = function () {
    alert('Say hai..');
}

//Giving soul to the view
ko.applyBindings(new viewModel, document.getElementById('view'));