Lightweight JavaScript Templating Engine

template.js

var Template = (function (selector) {
  'use strict';

  function render(data) {
    var node = this.node;

    if (data) {
      for (var variable in data) {
        node = node.split('{{' + variable + '}}').join(data[variable]);
      }
    }

    return node;
  }

  function compile() {
    return {
      node: document.querySelector(selector).innerHTML.trim(),
      render: render
    }
  }

  return { compile: compile }
});

usage.md

Lightweight JavaScript Templating Engine

Omg, it's mustache-like.

Usage

<script class="example" type="text/html">
  <p>Follow <a href="http://twitter.com/{{twitter}}">{{name}}</a> on Twitter.</p>
</script>

var context, template;

context = {
  name: 'Caio Tarifa',
  twitter: 'caiotarifa'
};

template = Template('.example').compile();
template = template.render(context)

document.body.innerHTML = template;

Would you like to see a Codepen Demo?

:D