JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<script src="https://rawgit.com/jashkenas/underscore/1.5.2/underscore-min.js"></script>
<script src="https://rawgit.com/jashkenas/backbone/1.0.0/backbone-min.js"></script>
<div id="search_container">a</div>
<script type="text/template" id="search_template">
    <label>Search</label>
    <input type="text" id="search_input" />
    <input type="button" id="search_button" value="Search" />
</script>

JavaScript

// backbone.js 6 view

SearchView = Backbone.View.extend({
     initialize: function () {
         this.render();
     },
     render: function () {
         var template = _.template($("#search_template").html(), {});
         this.$el.html(template);
     },
     events: {
         "click input[type=button]": "doSearch"
     },
     doSearch: function (event) {
         alert("Search for " + $("#search_input").val());
     }
 });

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