JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<div id="result"></div>

CSS

#result {
    font-family: "Courier New";
    font-size: 11px;
}

.identifier {color: #00F;}

JavaScript

var result = "";
var val, i, prop;
var items = [];
for (i in window) {
    items.push(i);
}
items.sort();
for (i = 0; i < items.length; i++) { 
    prop = items[i];
    val = window[prop];
    if (typeof val == "function") {
        val = "function"
    } else if (typeof val == "object") {
        val = "object";
    }
    result += "<span class='identifier'>" + prop + 
        ":</span> <span class='value'>" + val + "</span><br>"; 
}

document.getElementById("result").innerHTML = result;