JSFiddle - React, Tailwind, and code Playground

by Antonin Loury

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input data-bind="value: value1"></input>
<br>
<input data-bind="value: value2"></input>
<br>
    <span data-bind="text: test"></span

JavaScript

vm = {};
vm.value1 = ko.observable('test');
vm.value2 = ko.observable();
vm.test= ko.observable('none');

vm.complete = ko.computed(function() {
    if (this.value1() && this.value2()) {
        console.log('notify');
        this.complete.notifySubscribers('whatever','complete');
    }
}, vm);

vm.complete.subscribe(function() {
    console.log('listener alerted');
    vm.test('complete');
}, vm, 'complete');

ko.applyBindings(vm);