JSFiddle - React, Tailwind, and code Playground

by uedatakuya

HTML

version: <span data-bind="text: version"></span>
<ul data-bind="foreach: log">
    <li data-bind="text: $data"></li>
</ul>

JavaScript

var model = {
    version: ko.version,
    log: ko.observableArray([])
};
ko.applyBindings(model);

var foo = ko.observable(10);

var hoge = ko.computed(function() {
    var v = foo() % 2;
    model.log.push(v);
    return v;
});

hoge.subscribe(function() {
    model.log.push("change hoge");
});

foo(20);
foo(21);