jsRender with an array

by sp00n82

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.2/jsrender.min.js"></script>
<script type="text/x-jsrender" id="template">
{{for}}
{{:#data}}
{{/for}}
</script>

<div id="result">
  <strong>Result:</strong>
  <p></p>
</div>

CSS

div {
  padding: 1em;
  margin: 2em;
  background-color: #EFEFEF;
  border: 1px solid black;
}

JavaScript

let template = $.templates("#template");
let data = {
	anArray: ["one", "two", "three"],
};
let result = template.render(data.anArray);

$("#result p").html(result);