JSFiddle - React, Tailwind, and code Playground

by Exceeder

HTML

<h1>This works only in FireFox</h1>

<button id="trigger">click</button>

<div id="test">
    
</div>

CSS

h1 { font-size:1.5em; font-weight:bold; font-family: Arial, sans-serif; }
table td { padding:3px; }

JavaScript

//test javascript xml features

var xml = 
<report>
<header>
    <table border="1" cellpadding="2">
<tr><td>test 1</td><td>row 1 column two</td></tr>
<tr><td>tes two</td><td>row 1 column two</td></tr>
</table>
</header>
</report>;
    
$('#test').append('testing');

$('#trigger').click(function() {    
    $('#test').append(xml.header.table.toXMLString());
});