JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<div id="percentage"></div>

CSS

#percentage {
    font-size:100px;
    font-family:"Lucida Console", Monaco, monospace;
}

JavaScript

var r;
    var path;
    var preloadAmount = 4;
    var cache = [];
    var imgurcache = [];
    var convertCache = [];
    var resultcache = [];
    var rArray = [];
    var convertedArray = [];
    var ajaxlength = [];
    var raster;
    var background;
    var imagesrc;
    var numberofclicks = 0;
    var imagesrcs;
    var autoShowNext = false;
    var value = isNaN(value) ? 0 : value;
    var valueajax = isNaN(valueajax) ? 0 : valueajax;

    function extractToken(hash) {
        var match = hash.match(/access_token=(\w+)/);
        return !!match && match[1];
    }
    var num = Math.floor(Math.random() * 10); // 0...6
    var token = extractToken(document.location.hash);
    var clientId = 'b144351ffb05838';
    var auth;
    if (token) authorization = 'Bearer ' + token;
    else authorization = 'Client-ID ' + clientId;
    $.ajax({
        url: 'https://api.imgur.com/3/gallery/random/random/page=' + num,
        method: 'GET',
        headers: {
            Authorization: authorization,
            Accept: 'application/json'
        },
        crossDomain: true,
        data: {
            image: localStorage.dataBase64,
            type: 'base64'
        },
        beforeSend: function () {},
        success: handleData
    });

    function handleData(result) {
        //console.log(result.data);
        $.each(result.data, function (idx, image) {
            if (result.data[idx].animated === false) {
                if (result.data[idx].is_album === false) {
                    if (result.data[idx].height < 500) {
                        var rimgur = image.link;
                        ajaxlength.push({
                            imageamount: valueajax++
                        });
                        var newimage = base64(rimgur);
                        console.log(result.data[idx]);
                    }
                }
            }
        });
    }

    function base64(url) {
        var dataURL;
        var img = new Image(),
           ...