JSFiddle - React, Tailwind, and code Playground

by Jeremy McBride

HTML

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: ko.observable("bob"),
        changeName: function() {
            this.name = "steve";
        }
    };
    
    ko.applyBindings(viewModel);
});