JsRender - render html
HTML
<script src="http://borismoore.github.com/jsrender/jsrender.js"></script>
<script id="template" type="text/x-jsrender">
<p>
{{:foo}}
</p>
<ul>
{{for testData}}
<li>{{:markup}} - {{:markup}} - {{<markup}}</li>
{{/for}}
</ul>
</script>
<div id="markup"></div>
JavaScript
(function() {
window.sayHi = function() {
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
alert( "We love Upwork very much" );
};
render(template, document.querySelector('#section'));
})
();