JSFiddle - React, Tailwind, and code Playground

by jadiagaurang

HTML

<div id="console">
</div>

CSS

.debug {
    color: black;
}

.error {
    color: red;   
}

.info {
    color: yellow;
}

JavaScript

var console = function() {
    var log = function(message, type) {
        switch(type) {
            case 0:
                strMessage = "<p class=\"debug\">" + message + "</p>";
                break;
            case 1:
                strMessage = "<p class=\"error\">" + message + "</p>";
                break;
            case 2:
                strMessage = "<p class=\"info\">" + message + "</p>";
                break;
            default:
                strMessage = "<p class=\"debug\">" + message + "</p>";
        }
        
        $("#console").append(strMessage);        
    };
    
    return {
        log: log
    };
}();

console.log("asdf", 0);
console.log("asdf asdf", 1);
console.log("asdf asdf asdf", 2);