JSFiddle - React, Tailwind, and code Playground

by Cody Lindley

HTML

<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/jquery-2.0.2.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/lodash.underscore.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/backbone.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div id="myView"><button>sayHi</button></div>

CSS

iframe {
    height:263px !important;
}

JavaScript

var MyView = Backbone.View.extend({
    events: {
        'click button': 'sayHi', //click is event, button is selector
        'mouseover button': 'aboutToSayHi'
    },
    sayHi: function () {
        console.log('hi');
    }, 
    aboutToSayHi: function () {
        console.log('over the button, almost about to click');
    }
});

var myViewInstance = new MyView({el: '#myView'});