JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.js"></script>

JavaScript

(function() {
    var isValue = _.negate(_.isUndefined);
    
    var createElement = function createElement(tagName, className, innerText) {
        var element = document.createElement(tagName);
        if (isValue(className)) {
            element.className = className;
        }
        if (isValue(innerText)) {
            element.innerText = innerText;
        }
        return element;
    }
        
    var start = 97;
    var end = start + 26;
    
    var container = document.getElementById('container');
    if (!container) {
        container = createElement("div");
        container.id = "container";
        document.body.insertBefore(container, document.body.firstElementChild);
    }
    var parent = container.appendChild(createElement('ul'));
    for (var i = start; i < end; ++i) {
        var ch = String.fromCharCode(i);
        var element = createElement('li', ch, ch.toUpperCase());
        parent.appendChild(element);
    }
})();