JSFiddle - React, Tailwind, and code Playground

by techgeeek

HTML

<script src="https://cdn.jsdelivr.net/handlebarsjs/4.0.3/handlebars.min.js"></script>
<script id="tmplStatus" type="text/x-handlebars">
    <ul>
        {{#each errors}}
            {{#if (is_status this 'some message')}}
                <li>Status</li>
            {{else}}
                <li>{{this}}</li>
            {{/if}}
        {{/each}}
    </ul>
</script>

JavaScript

var errors = [
    'Where is pancakes house?',
    'some message',
    'One cent stamp'
];

Handlebars.registerHelper('is_status', function(msg, matchMsg, options) 
{
    if(msg === matchMsg)
        return true;
    else
        return false;
});

var tmplStatus = Handlebars.compile($('#tmplStatus').html()),
    domStatus = tmplStatus({ errors: errors });
$('body').append(domStatus);