JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.min.js"></script>
<script id="template" type="text/x-handlebars">
    \{{#with foo}}
        \{{bar}}
    
        {{baz}}
    \{{/with}}
</script>

<div id="result"></div>

JavaScript

var template = document.querySelector('#template').innerHTML;
var result = document.querySelector('#result');

template = Handlebars.compile(template);


result.innerHTML = template({
    baz: 'Hey, it\'s baz!'
});