JSFiddle - React, Tailwind, and code Playground

by mmarcon

HTML

<section id="log">
    
</section>

CSS

html, body {
    height: 100%;
}

body {
    font-family: helvetica, sans-serif;
    font-weight: 100;
}

#log {
    border: 10px solid #fff;
    background: #222;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 0 10px #222;
    width: 80%;
    height: 80%;
}

JavaScript

(function (window, undef) {
    var logArea = document.getElementById('log');
    window.log = function (message) {
        var p = document.createElement('p');
        p.innerHTML = message;
        logArea.appendChild(p);
    };
}(this));

log ('test');