JSFiddle - React, Tailwind, and code Playground

by 76484

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.6/handlebars.min.js"></script>
<script id="Template" type="text/template">
	<ul>
  	{{#with [Employee Info]}}
      <li>
        Manager Name: {{[Manager Name]}}
      </li>
      <li>
        Last Bonus Date: {{[Last Bonus Date]}}
      </li>
      <li>
        PIN: {{[PIN]}}
      </li>
      <li>
        Salary Basis: {{[Salary Basis]}}
      </li>
    {{/with}}
  <ul>
</script>

JavaScript

const template = Handlebars.compile(document.getElementById('Template').innerHTML);

const data = {
	'Employee Info': {
  	'Last Bonus Date': '1999-01-01',
    'Manager Name': 'Doe, John',
    'PIN': '00000',
    'Salary Basis': 'test'
  }
};

document.body.innerHTML = template(data);