Handlebars.jsの使い方 basic

HTML

<h1>Handlebars.jsの使い方 basic</h1>
<div id="output"></div>

template

<script id="input" type="text/x-handlebars-template">
<p>{{id}} {{name}}</p>
<p>{{id}} {{{name}}}</p>
</script>

JavaScript

var values = {
    id: 123,
    name: "yamada★"
};
function $(selector) {
  return document.querySelector(selector);
}
var template = Handlebars.compile($('#input').innerHTML);
$('#output').innerHTML = template(values);