JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<!-- ko ifnot: errorFlag() -->
<!-- <p>no error</p> -->
<!-- /ko -->
<!-- ko if: errorFlag() -->
<p>error</p>
<!-- /ko -->
<input id="chk" type="checkbox" data-bind="checked:chkFlag" >
<input type="button" value="Button" data-bind="click:validate"/>

JavaScript

vm = {
    chkFlag: ko.observable(false),
    errorFlag: ko.observable(false),
    validate: function(){
        if(this.chkFlag())
             this.errorFlag(false);
        else
              this.errorFlag(true);
    }
};
ko.applyBindings(vm);