JSFiddle - React, Tailwind, and code Playground

by JamesKyle

JavaScript

var stamp=(function(){var u=document.URL,t=new Date(),s='\n'+u+' at '+t+'\n';return s;})();console.log(stamp);

(function($) {

    function shuffle(array) {
        var tmp, current, top = array.length;
        if(top) { while(--top) {
            current = Math.floor( Math.random() * ( top + 1 ) );
            tmp = array[current];
            array[current] = array[top];
            array[top] = tmp; 
        } } return array; }
  
    $.fn.query = function(array, params) {
        var options = $.extend({'shuffle' : false, 'limit' : undefined}, params), output = array;
        if (options.shuffle) {output = shuffle(output);}
        if (options.limit !== undefined) {output = output.slice(0, options.limit);}
        return output;
    };
  
    $.fn.build = function( query, params ) {
        
        // Parameters //
        var options = $.extend({
          'container' : undefined,
            'groupBy' : undefined,
              'group' : undefined,
               'item' : '<div />'         
        }, params);
    
        var l = query.length;
    
        
    
        // Container //
        if (options.container !== undefined) {
            options.container = $(options.container);
        }
      
        // Items //
        if (options.item !== undefined) {
            
            options.item = $(options.item);
            
            for (var i = 0; i < l; i++) {
                var id = query[i];
                
                this.append(options.item);
                
                $(options.item).attr('id', id);
                
                console.log( $(options.item) );
            }
        }
      
        // Groups //
        if (options.group !== undefined && options.groupBy !== undefined) {
            options.group = $(options.group);
            
            for ( var i = 0; i < l; i += options.groupBy ) {
                
            }
        }
      
        // ??? return this; ???
    };
 ...