JSFiddle - React, Tailwind, and code Playground

by arhari

HTML

<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.js"></script>
<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<span>Text:</span><input type="text" data-bind="value: vm.name" />
<span data-bind="text: vm.name"></span><br />

JavaScript

var initData = {name: 'Some Text'};

var viewModel = function (data) {
    var self = this;
    this.vm= ko.mapping.fromJS(data);
    this.json = ko.computed(function() {
        return JSON.stringify(ko.mapping.toJS(self.vm));
    });
};
ko.applyBindings(new viewModel(initData));