JSFiddle - React, Tailwind, and code Playground

by lucasprus

HTML

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<div id="sidebar"></div>

CSS

#sidebar {
    width:100px;
    height:100px;
    border:1px solid;
}

JavaScript

var ships = new Backbone.Collection();

ships.on("add", function(ship) {
    console.log("Ahoy " + ship.get("name") + "!");
});

ships.add([
    {
    name: "Flying Dutchman"},
{
    name: "Black Pearl"}
]);


var Sidebar = Backbone.Model.extend({
  promptColor: function() {
    var cssColor = prompt("Please enter a CSS color:");
    this.set({color: cssColor});
  }
});

sidebar = new Sidebar();

sidebar.on('change:color', function(model, color) {
  $('#sidebar').css({background: color});
});

sidebar.set({color: 'white'});

sidebar.promptColor();