JSFiddle - React, Tailwind, and code Playground

by rniemeyer

HTML

<div data-bind="with: one">
    <input data-bind="value: name" />
    <button data-bind="click: $root.save">Save</button>
</div>

<hr/>

<div data-bind="with: two">
    <input data-bind="value: name" />
    <button data-bind="click: $root.save">Save</button>
</div>

JavaScript

var viewModel = {
    one: {
        name: ko.observable("Bob")   
    },
    two: { 
        name: ko.observable("Sue")
    },
    save: function(model) {
        alert(ko.toJSON(model));
    }
};

ko.applyBindings(viewModel);