JSFiddle - React, Tailwind, and code Playground

by qwweee7467

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta6/handlebars.min.js"></script>
<div id="result"><div>
<script id="template" type="text/x-handlebars">
    {{#each this}}
        <div class="tip_whole {{addClassesIfIsWater}}">
            {{addClassesIfIsWater}}
        </div>
    {{/each}}
</script>

JavaScript

/* Sample for Handlebars.registerHelper */
Handlebars.registerHelper("addClassesIfIsWater", function() {
    if(this.cat == "water") {        
        return 'water';
    } else {        
        return 'no water';
    }
});

var t = Handlebars.compile($('#template').html());
$('#result').html(t([{cat: 'power'}, {cat: 'water'}]));