JSFiddle - React, Tailwind, and code Playground

by antouank

HTML

<div id="view1">
    <ul data-bind="foreach: ticket">
        <li>
            <span data-bind="text: description"></span>
            <span data-bind="text: amount"></span>
        </li>    
    </ul>
</div>

<div id="view2">
</div>

CSS

#view2 {

    width: 100px;
    height: 100px;
    border: 1px solid #eee;

}

JavaScript

(function(){

    var data = {
        ticket: [
            {
                description: 'Chargers v Patriots',
                amount: '5.00'
            },
            {
                description: 'Eagles v Patriots',
                amount: '6.00'
            },
            {
                description: 'Chargers v Bengals',
                amount: '7.00'
            }
        ]  
    };

    ko.applyBindings(data);
    
    var view2 = document.getElementById('view2');
    view2.onclick = function(a,b,c){ debugger; };
    
}());