JSFiddle - React, Tailwind, and code Playground

by damngoto

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<h3>ractive defaults</h3>
<div id="output"></div>
<script id="template" type="text/plain">
    {{#list}}
        {{add(.)}} <br>
    {{/list}}

</script>

JavaScript

Ractive.defaults.data = {
    add: function(num) {
        num = parseFloat(num)
		return (num*100).toFixed(2) + '%'
    }
}
var app = new Ractive({
    template: '#template',
    el: '#output',
    data: {
        list:[
            0.1,0.2,0.33,0.36, 0.009999
        ]
    }
})