JSFiddle - React, Tailwind, and code Playground

by straeger

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-debug.js"></script>
<input type="checkbox" data-bind="customHandler: checkboxChecked" >
<input type="text" data-bind="text: FirstName" value="Firstname">
<input type="text" data-bind="text: LastName" value="lastname">
<span data-bind="text: FirstName"></span>

JavaScript

var app = app || {};

app = (function(){
    var self = {}, viewModel;
    
    self.init= function(){
       createViewModel() 
       ko.applyBindings(viewModel);
    };
    
    var createViewModel = function(){
        viewModel = { checkboxChecked : ko.observable(true),
                     FirstName : ko.observable('FirstName'),
                     LastName  : ko.observable('LastName')
                    }
    };
    
    var createCustomBindingHandler = function(){
        
    };
    
    return self;
})();

$(function(){
    
   app.init();
})