Javascript: Handlebars JS basic template example

index.hbs

<script id="template" type="text/x-handlebars-template">
  <p>Use the <strong>{{power}}</strong>, {{name}}!</p>
</script>

{!-- http://www.sitepoint.com/overview-javascript-templating-engines/ --}
{!-- output: Use the force, Luke! --}

script.js

//Grab the inline template
var template = document.getElementById('template').innerHTML;

//Compile the template
var compiled_template = Handlebars.compile(template);

//Render the data into the template
var rendered = compiled_template({name: "Luke", power: "force"});

//Overwrite the contents of #target with the renderer HTML
document.getElementById('target').innerHTML = rendered;