JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<template id="person-tpl">
  <article class="person">
    <h3 class="person__name">{{name}}</h3>
    <p class="person__age">{{age}}</p>
  </article>
</template>

JavaScript

'use strict';
const data = {
	name: 'Artem',
  age: 23
};

const tpl = document.getElementById('person-tpl');
let element = tpl.content.children[0].cloneNode(true);

let filledTpl = element.innerHTML.replace(/(\{\{name\}\})|(\{\{age\}\})/ig, function(match, p1, p2) {
  if (p1) return data.name;
  if (p2) return data.age;
});

console.log(filledTpl);