JSFiddle - React, Tailwind, and code Playground

by godu

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<span id='result1'></span>
<br/>
<span id='result2'></span>
<br/>
<span id='result3'></span>
<br/>
<span id='result4'></span>

JavaScript

$(function(){
    var Article = Backbone.Model.extend({});

    var Articles = Backbone.Collection.extend({
      model : Article
    });

    var articles = new Articles([{
      title: 'Article 1'
    },{
      title: 'Article 2'
    },{
      title: 'Article 3'
    }]);
       
    $('#result1').html(articles.length);
    
    articles.each(function(article, index){
        if(index !== 0)
            $('#result2').append(', ');
        $('#result2').append(article.get('title'));
    });
    
    articles.push(articles.shift());
        
    articles.each(function(article, index){
        if(index !== 0)
            $('#result3').append(', ');
        $('#result3').append(article.get('title'));
    });
    
    console.log(articles.shuffle());
    
    articles.each(function(article, index){
        if(index !== 0)
            $('#result4').append(', ');
        $('#result4').append(article.get('title'));
    });
})