JSFiddle - React, Tailwind, and code Playground

by redengin

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js" type="text/javascript"></script>

<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.2.js" type="text/javascript"></script>


<script data-template-name="application" type="text/x-handlebars">
    Rating One:{{view Ember.TextField valueBinding="rating1"}}
    <br/>
    Rating Two:{{view Ember.TextField valueBinding="rating2"}}<br/>
    Average Rating {{average_rating}}
    
    
</script>

CSS

div {
    outline: 1px solid red;
}

.selected {
    color: green;
}

JavaScript

App = Ember.Application.create();

/** Views */

/** Controllers */
App.ApplicationController = Ember.ArrayController.extend({
    rating1: null,
    rating2: null,
    
    average_rating: function() {
        return ( this.get('rating1') + this.get('rating2') ) / 2
    }.property( 'rating1', 'rating2' ),
});