JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/master/examples/backbone-localstorage.js"></script>
<input id="title">

JavaScript

var Task = Backbone.Model.extend({
    defaults: {
        title: "Title"
    },
    initialize: function(){
        console.log('hi', this.get('title'))
    }
});

var Tasks = Backbone.Collection.extend({
    model: Task
});

var TaskView = Backbone.View.extend({
    model: Task,
    el: '#title',
    events: {
        "keyup": "update"
    },
    render: function(){
        console.log('hi from  render', this);
        this.$el.val(this.model.get('title'));
    },
    update: function(){
        this.model.save({
            "title": this.el.value
        });
    }
});
        
        
var task = new Task();
var tasks = new Tasks();
var view = new TaskView({
    model: task
}).render();