JSFiddle - React, Tailwind, and code Playground

by db_dev

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
<p> 
    <span>Name:</span>
    <span data-bind="text: IntroData.PlanName"></span>
    <button id="update" data-bind="click: InitialLoadOfApplication">Update!</button> 
</p>

JavaScript

var ViewModel = function (data) {
        var me = this; 
        ko.mapping.fromJS(data, {}, me);
        
        me.InitialLoadOfApplication = function() { alert('loading!'); };

        return me;
    };

    var stuff = {
        IntroData: {
            PlanName: 'Test Plan'
        }
    };

    window.viewModel = ko.mapping.fromJS(new ViewModel(stuff));
    ko.applyBindings(window.viewModel);