JSFiddle - React, Tailwind, and code Playground

by Malinga

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.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);

});