JSFiddle - React, Tailwind, and code Playground

by Frank Liu

HTML

<div id="text"></div>

JavaScript

let data = [
{'title': 'read book', 'date':'11.11'},
{'title': 'eat lunch', 'date':'12.12'},
{'title': 'make meal', 'date':'13.13'},
];

let html ='';
for(let item of data)
{
	html+= `<h1>${item.title}</h1>
  	<p>${item.date}</p>
  `;
}
console.log(html);
document.getElementById('text').appendChild(html);