JSFiddle - React, Tailwind, and code Playground

by Krzysztof

HTML

<div id="log"></div>

JavaScript

var log = document.querySelector('#log');
var escape = function(html) {
	return html.replace(/</g, '&lt;').replace(/>/g, '&gt');
}

var tt1 = document.createElement('table');
tt1.createCaption();
tt1.createTHead();
tt1.createTBody();
tt1.createTFoot();
log.innerHTML += escape(tt1.innerHTML) + '<br>';

var tt2 = document.createElement('table');
tt2.createTFoot();
tt2.createTBody();
tt2.createTHead();
tt2.createCaption();
log.innerHTML += escape(tt2.innerHTML) + '<br>';

var tt3 = document.createElement('table');
tt3.createTBody();
tt3.createTFoot();
tt3.createCaption();
tt3.createTHead();
log.innerHTML += escape(tt3.innerHTML) + '<br>';