JSFiddle - React, Tailwind, and code Playground

by Kamran Ayub

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<input type="text" data-bind="hasfocus: inputHasFocus" />

<div data-bind="visible: inputHasFocus">
    <button data-bind="click: clickMe">Click me!</button>
</div>

<strong>Button clicked?:</strong> <span data-bind="text: buttonClicked"></span>

JavaScript

var vm = {
    inputHasFocus: ko.observable(false),
    buttonClicked: ko.observable(false)
};

vm.clickMe = function () {
    vm.buttonClicked(true);
}
    
ko.applyBindings(vm);