JSFiddle - React, Tailwind, and code Playground

by gutek

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/jquery.tmpl.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<button class="btn" data-bind="click: change">Change Value</button>

<p>
    str: <span class="label label-important" data-bind="text: str"></span>
</p>

<p>
    str: <span class="label label-important" data-bind="text: str()"></span>
</p>

JavaScript

var i = 0;
function Model(data) {
    this.str = ko.observable(data.str);
    
    this.change = function() {
        this.str('test ' + i++);
    };
};

var viewModel = new Model({str: 'test'});
    
console.dir(viewModel);

ko.applyBindings(viewModel);