JSFiddle - React, Tailwind, and code Playground

by Aravind Baskaran

HTML

<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
<div id="search_container">a</div>
<script type="text/template" id="search_template">
    <label>Search</label>
    <input type='number' id="search_input" />
</script>

JavaScript

SearchView = Backbone.View.extend({
        initialize: function () {
            this.render();
        },
        render: function () {
            var template = _.template($("#search_template").html(), {});
            this.el.html(template);
        },
        events: {
            "input #search_input": "typeOfField"
        },
        typeOfField: function (event) {
            var valuem = event.currentTarget.value;
            alert(valuem);
        }
    });

    var search_view = new SearchView({
        el: $("#search_container")
    });