I found the below to be proper way:
var templater = function(html){
return function(data){
for(var x in data){
var re = "{{\\s?" + x + "\\s?}}";
html = html.replace(new RegExp(re, "ig"), data[x]);
}
return html;
};
};
var template = new templater("<p>hey there {{ codeName }}</p>");
var div = document.createElement("div");
div.innerHTML = template({
codeName: "JavaScript 6"
});
document.body.appendChild(div);
reference is here
solved Creating simple view engine using JavaScript [duplicate]