JSFiddle - React, Tailwind, and code Playground

by Andrew Poes

HTML

<!-- Console Log Template -->
<div id="console-log"></div>

CSS

.consoleOutput {
    font-family: monospace;
    margin: 2px;
    color: white;
}

html {
    background: #333333;
}

JavaScript

console = {
    log : function(text) {
        var node = document.getElementById("console-log");
        var paranode = document.createElement("p");
        paranode.className = "consoleOutput";
        node.appendChild(paranode);
        
        var textnode = document.createTextNode(text);
        paranode.appendChild(textnode);
    }
};