JSFiddle - React, Tailwind, and code Playground

by rvlira83

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.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("bob"),
    changeName: function() {
      this.name("steve");
    },
    nameVisible: ko.observable(true)
  };

  ko.applyBindings(viewModel);
});