@fantaclaus/simpledom v1.0.0

SimpleDom - create DOM elements easy.

H1, DIV and BUTTON

dom.H1('This is a Simple DOM!', { 'style': 'color: green' });

dom.DIV(() =>
{
	dom.BUTTON_SIMPLE("click me!", () =>
	{
		elInfo.textContent = `The date is: ${new Date()}`
	});

	dom.NBSP();

	const elInfo = dom.SPAN('[no info]');
});

TABLE

const items = [
	{ name: 'Peter', age: 20 },
	{ name: 'Maria', age: 25 },
	{ name: 'John', age: 40 },
];

dom.TABLE(() =>
{
	for (const i of items)
	{
		dom.TR(() =>
		{
			dom.TD(() =>
			{
				dom.TEXT(i.name);
			});

			dom.TD(() =>
			{
				dom.TEXT(i.age);
			});
		});
	}
});