JSFiddle - React, Tailwind, and code Playground

by lawrence pond

HTML

<script src="http://jsfiddle.net/user/signup/"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.0.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-bootstrap/0.2.1/knockout-bootstrap.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
Name:
<input type="text" data-bind="value:name" />
<p>Hello <span data-bind="text:name"></span>

</p>
<button data-bind="click: changeName">Change Name</button>

JavaScript

$(function () {
    var viewModel = {
        name: "bob",
        changeName: function () {
            this.name = "steve";
        }
    };
    
    ko.applyBindings( viewModel);
});