JSFiddle - React, Tailwind, and code Playground

by uedatakuya

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.js"></script>
<script src="https://raw.github.com/tenntenn/simple-binding.js/dev/simple-binding.min.js"></script>
<p>message: <span data-bind="text: val"></span></p>
<p>  input: <input size="80" type="text" data-bind="value: val, valueUpdate: 'afterkeydown'"/></p>
<button id="kobtn">Hello, KnockoutJS!</button>
<button id="sbbtn">Hello, simple-binding.js!</button>

JavaScript

var koObservable = ko.observable("");
// connecting ko and sb
var observable = sb.ko.observable(koObservable); 

// check in change event
sb.binding().onChange(observable, function(){
    console.log(observable());
}).bind();

// ko -> sb
$('#kobtn').click(function(){
    koObservable("Hello, KnockoutJS!");
});

// sb -> ko
$('#sbbtn').click(function(){
    observable("Hello, simple-binding.js!");
});
ko.applyBindings({val: koObservable});