JSFiddle - React, Tailwind, and code Playground

by Pratik Bhoir

HTML

<div data-bind="attr: { class: itemSelected() ? 'selected' : 'unselected' }"></div>
<button href="sdfd" data-bind="click: itemSelected() ? callMe : function(){alert('no'); } ">click me</button>

CSS

div { height: 300px; width: 300px; border: 1px solid black; }
.selected { background-color: green; }

JavaScript

function viewModel() {
    this.itemSelected = ko.observable(false);
    
    this.callMe = function(){
     alert('Hello');   
    }
    this.noNo = function(){
         alert('No');   
    }
}
ko.applyBindings(new viewModel());