JSFiddle - React, Tailwind, and code Playground

by soniiic

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>
<h2>Participants</h2>
    Here are the participants:
    <div data-bind="template: { name: 'person-template', data: buyer }"></div>
    <div data-bind="template: { name: 'person-template', data: seller }"></div>

     
    <script type="text/html" id="person-template">
</script>

JavaScript

function MyViewModel() {
    this.buyer = {
        name: 'Franklin',
        credits: 250
    };
    this.seller = {
        name: 'Mario',
        credits: 5800
    };
}

$('#person-template').load('/echo/html/', {
    html: '<h3 data-bind="text: name"></h3><p>Credits: <span data-bind="text: credits"></span></p>'
}, function() {
    ko.applyBindings(new MyViewModel());
});