A Backbone.js Playground

A simple playground for learning backbone.js without having to install or configure anything yourself.

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<pre id="r"></pre>

JavaScript

$(function() {
    var m = new Backbone.Model({
        name: 'joshua'
    });

    m.set('name', 'something else');

    var $r = $('#r').empty();

    // expected to be TRUE
    $r.append('hasChanged() = ' + m.hasChanged());

    // expected to be TRUE
    $r.append('<br/>hasChanged("name") = ' + m.hasChanged('name'));

    // expected to be { name: 'something else' }
    $r.append('<br/>changedAttributes() = ' + JSON.stringify(m.changedAttributes()));

    // expected to be { name: 'joshua' }
    $r.append('<br/>previousAttributes() = ' + JSON.stringify(m.previousAttributes()));
});