JSFiddle - React, Tailwind, and code Playground

by davidhong

HTML

<div id="container">
    <div class="row">
        <div class="column one"></div>
        <div class="column two"></div>
    </div>
    <div class="floater"></div>
</div>

JavaScript

//
// window.document that wasn't
//
// D('.retweet').on('click', function (event) {});
// D('.tweets').css({ 'width': '100px' });
// D('.links').attr({ 'class': 'external' });
//
var D = (function(window) {
    var document = window.document,
        select = document.querySelectorAll,
        slice = Array.prototype.slice;

    return function(selector) {
        var elements = select(selector);
        
        // 404 NOT FOUND
        if (!elements) {
            return [];
        }
        
        elements = slice.call(elements);
        return elements;
    };
}(this));


console.log(D('#container'));
console.log(D('.column'));