JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<ul id="content">
</ul>
JavaScript
var url = 'https://api.punkapi.com/v2/beers';
var Beer = Backbone.Model.extend({
defaults: {
name: new Date().toLocaleTimeString()
}
});
var Beers = Backbone.Collection.extend({
model: Beer,
url: url
});
$(function() {
/* var beers = new Beers(); */
let beers = [{name : 'test'}]
console.log(beers);
$('#content').empty();
beers.fetch({
success: function() {
beers.each(function(beer) {
$('#content').append('<li>' + beer.get('name') + '</li>');
});
}
});
});