<meta charset="UTF-8">

<title>JS Template Example</title>

<div id="content"></div>

<script src="../js/tmpl.js"></script>

<script type="text/html" id="tmpl-demo">

<h3>{%=o.title%}</h3>

<p>

Released under the <a href="{%=o.license.url%}">{%=o.license.name%}</a>.

</p>

<h4>Features</h4>

<ul>

<!--% for (var i=0; i <o.features.length; i++) { %-->

<li>{%=o.features[i]%}</li>

<!--% } %-->

</ul>

</script>

<script>

var data = {

"title" : "JavaScript Templates",

"license" : {

"name" : "MIT license",

"url" : "http://www.opensource.org/licenses/MIT"

},

"features" : [ "lightweight & fast", "powerful",

"zero dependencies" ]

};

var template = document.getElementById('tmpl-demo').innerHTML;

var result = tmpl(template, data);

document.getElementById('content').innerHTML = result;

</script>