JSFiddle - React, Tailwind, and code Playground

by shivkumarganesh

HTML

<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>

JavaScript

(function($){
    var ListView = Backbone.View.extend(
        {
            el: $('body'),
            
            events:{
                'click button#add':'addItem'
            },
            
            initialize: function(){
            _.bindAll(this,'render','addItem');
            this.counter=0;
            this.render();
            },
            
            render: function(){
            $(this.el).append('<button id="add">Add</button>');
            $(this.el).append('<ul><li>'+
                              'Hello World'+
                              '</li></ul>');
            },
            addItem: function(){
            this.counter++;
                $('ul',this.el).append(
                '<li>Hello World'+this.counter+'</li>'
                );
            }
        }
    );
    
    var listView = new ListView();
})(jQuery);