JSFiddle - React, Tailwind, and code Playground

by JamesKyle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.2.3/json3.min.js"></script>
<div social="facebook">Facebook</div>

SCSS

[data-social], [social] {
    margin: 2px 0; padding: 4px;
    background: #f1f1f1;
    
}

JavaScript

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

Object.size = function(obj){var size=0,key;for (key in obj){if(obj.hasOwnProperty(key))size++;}return size;};

(function($) {

    var s = $('[data-social], [social]'),
        n = s.length,
        l = [], o = [], c, i, object, array = [];
    
    var attr = {
        social: 'default', 
        event: 'onclick'
    };
    
    for (i = 0; i < n; i += 1) {
        
        c = s.eq(i);
        
        l[i] = c.data('social') || c.attr('social');
        
        o[i] = c.data('open') || c.attr('open');
        
        
        var N = attr.size, I;
        
        for (I = 0; I < N; I += 1) {
            console.log(I);
        }
        
    }
    
    
})(jQuery);