JSFiddle - React, Tailwind, and code Playground

by Christopher McCulloh

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>

CSS

zap {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50px;
    left: 50px;
}

JavaScript

var Game = function Game() {
    var zips = [];
    var zip = function zip(){
     var x, y, w, h, c;
        
        function me(){};
            me.prototype.display = function display() {
                $('body').append(me.markup);   
            }
            me.prototype.markup = function markup() {
             return '<div id="' + me.id + '" class="' + me.type + '"></div>';
            };
            me.prototype.type = 'zap'

        return me;
    }

    zips.push(new zip());
    
    var init = function init() {
        _.each(zips, function(zip, key, list){
            zip.display();
        })
        
        return this;
    }
    
    return init();
}

var game = new Game();