JSFiddle - React, Tailwind, and code Playground

by csalee

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-1.2.1.js"></script>
<button onclick="viewModel.setEqual()">Set A Equal to B</button>
<button onclick="viewModel.changeA()">Change A's Value</button>
<h3>Display</h3>
A: <input type="text" data-bind="value: a().firstName" /><br />
B: <input type="text" data-bind="value: b().firstName" /><br />

<br />
<h3>Actual</h3>
A: <span data-bind="text: a().firstName"></span><br />
B: <span data-bind="text: b().firstName"></span><br />

JavaScript

var viewModel = {
    a: new ko.observable(
        {
        firstName: "Michael",
        lastName: "Jordan"
        }), 
    b: new ko.observable(
        {
        firstName: "Michael",
        lastName: "Jordan"
        }),
    setEqual : function() {
     a(this.b());   
    },
    changeA: function() {
     this.a( { firstName: "Yo" });   
    }
};


ko.applyBindings(viewModel);