<script href="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>
<script id="node" type="text/x-handlebars-template">
{{ firstname }} {{loud lastname}}
</script>
<div id="container"></div>Handlebars.registerHelper('loud', function(str){
return str.toUpperCase();
});
var node = $("#node").html();
var template = Handlebars.compile(node);
var container = $('#container');
container.html(template({
firstname: 'koby',
lastname: 'bryant'
}));
External CSS
This Pen doesn't use any external CSS resources.