JSFiddle - React, Tailwind, and code Playground

by calvindale

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-1.1.2.js"></script>
Name: <input type="text" data-bind="value: name, valueUpdate: 'afterkeydown'" />
<input type="checkbox" data-bind="checked: nameVisible"/>
<p>
    Hello, <span data-bind="text: name, visible: nameVisible"></span>
</p>
<button data-bind="click: changeName">Change Name</button>

JavaScript

$(function(){
   var viewModel = { 
       name: ko.observable("calvin"),
       changeName: function() {
           this.name("dale");
       },
       nameVisible: ko.observable(true)               
   };
    
    ko.applyBindings(viewModel);
});