JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    
</script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>

JavaScript

// modal

var alert  = function (str) {
   var st = document.createTextNode(str);
   var p = document.createElement('p');
   p.appendChild(st);
   document.querySelector('body').appendChild(p);
}

var Person = Backbone.Model.extend({
    defaults: {
        name: 'Guest User',
        age: 23,
        occupation: 'worker'
    }
});

// view
// initialize function automatically called when you initiate a view.
var PersonView = Backbone.View.extend({
    tagName: 'li',
    initialize: function () {
        this.render();
    },
    render: function () {
        this.$el.append(this.model.get('name') + ' (' + this.model.get('age') + ') - ' + this.model.get('occupation'));
    return this;
    }
})

var person = new Person;
var personView = new PersonView({ model: person });
alert(personView.el)