JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<div data-bind="if:loggedIn">
    We're logged in...
    <button data-bind="click:logOut">Log Out</button>
</div>
<div data-bind="ifnot:loggedIn">
    We're not logged in...
    <button data-bind="click:logIn">Log In</button>
</div>

JavaScript

var VM = {
    loggedIn: ko.observable(false),
    
    logIn: function() {
        this.loggedIn(true);
    },
    logOut: function() {
        this.loggedIn(false);
    }
};

VM.loggedIn.subscribe(function(val) {
    alert('logged in: ' + val);
});

ko.applyBindings(VM);