<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js" integrity="sha512-RNLkV3d+aLtfcpEyFG8jRbnWHxUqVZozacROI4J2F1sTaDqo1dPQYs01OMi1t1w9Y2FdbSCDSQ2ZVdAC8bzgAg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script id="introduction-template" type="text/x-handlebars-template">
<p>Hello, my name is {{name}}!</p>
</script>
<script>
const source = document.querySelector("#introduction-template").innerHTML;
const template = Handlebars.compile(source);
const context = {
name: "Sabe"
};
const html = template(context);
const destination = document.querySelector(".introduction");
destination.innerHTML = html;
</script>