JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"></div>
<script type="text/html" id="greeting-template">
    <div class="greeting">
        Hello, {{ name }}!
    </div>
</script>
<script>
    function template(id, params) {
        var html = document.getElementById(id).innerHTML
        for (var key in params) {
            var search = '{{ '+key+' }}'
            while (html.match(search))
            html = html.replace(search, params[key])
        }
        return html
    }

    var el = document.getElementById('output')
    el.innerHTML = template('greeting-template', { name:'Templated World' })
</script>