JSFiddle - React, Tailwind, and code Playground

by someprimetime

HTML

<script type="text/template" id="add_officials_template">
    <input type="text" name="official_email" placeholder="[email protected]" />
    <select name="district">
        <option value="1">District 1</option>
        <option value="2">District 2</option>
    </select>
    <select name="privilege">
        <option value="1">View only</option>
        <option value="2">Can post</option>
        <option value="3">Admin</option>
    </select>
</script>
      
      <div id="add_officials"></div>

JavaScript

(function () {
    var b = {};
    this.tmpl = function a(e, d) {
        var c = !/\W/.test(e) ? b[e] = b[e] || a(document.getElementById(e).innerHTML) : new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('" + e.replace(/[\r\t\n]/g, " ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g, "$1\r").replace(/\t=(.*?)%>/g, "',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'") + "');}return p.join('');");
        return d ? c(d) : c
    }
})();

var results = document.getElementById("add_officials");
results.innerHTML = tmpl("add_officials_template", {});