JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://console.re/connector.js" data-channel="consolere-api-demos" id="consolerescript"></script>

<span class="link"><a href="http://console.re/consolere-api-demos" target="_new">Open this Console in New Window</a></span>
<div class="test">
    <p class="t1">test 1</p>
    <p class="t2">test 2</p>
    <p class="t3">test 3</p>
    <p class="t4">test 4</p>
</div>
<div class="test-two">
    <p class="t5">test-two 1</p>
    <p class="t6">test-two 2</p>
    <p class="t7">test-two 3</p>
    <p class="t8">test-two 4</p>
</div>

CSS

html, body {
    height: 100%;
    background: #fff;
}
iframe {
    width:100%;
    height:100%;
    border:0;
}
div {
    display:none;
}
.link {
    position: fixed;
    bottom: 5px;
    right: 20px;
}
.link a {
    color:gray;
    font-family: Arial;
    font-size: 12px;
}

JavaScript

function logRun() {
/* 
Javascript Remote Logging Console.Re API Demo
Open http://console.re/consolere-api-demos
on Mobile Phone, Tablet or in new Browser Window 
then click Run.
*/

// console.re.log()
console.re.log('this is a simple test');
console.re.log('this is a:%s', 'string', 'and Number:%d', 43);

// console.re.info()
console.re.info(document.body);
console.re.info('DIVs:%s', document.getElementsByTagName('div'), 'Ps:%s', document.getElementsByTagName('p'));

// console.re.error()
console.re.error('this is [red]an error message[/red]');

// console.re.test()
console.re.test("1==1", "1==='1'", "[1,2,3,4,5,6]");

//console.re.assert()
console.re.assert(1!==1);

// console.re.size()
console.re.size('window');
console.re.size(document.getElementsByTagName('iframe')[0]);

// console.re.css()
console.re.css(document.body, 'background');

// console.re.media()
console.re.media();

//console.re.time()
console.re.time('1000000-loops');
for (var i = 0; i < 1000000; i++) { ; }
console.re.timeEnd('1000000-loops');
    
// console.re.count();
console.re.count('counter');

//console.re.clear();
};
    
/*
Full API Doc: http://console.re#API
NodeJs client: https://github.com/kurdin/console-remote
*/

var f = document.createElement('iframe');
f.src = "http://console.re/consolere-api-demos";
document.body.appendChild(f);
f.onload = function() {
    setTimeout(logRun,500);
}