JSFiddle - React, Tailwind, and code Playground

by thelifeisyours

HTML

<input class="linkgen" type="button" value="link gen">
<div> <a class="link" href="" target="_blank"></a>

    <br>
    <img class="img" src="random" width="400px">
    <br>
    <br>
    <br>
    <p>[
        <text class="blink"></text>]</p>
</div>

CSS

text {

        font-family:helvetica;

    }

    p {

        width:500px;

        border:solid 1px;

        padding:5px;

        word-break: break-word;

    }

JavaScript

function gen() {



    var min = 7;
    var max = 7;

    var m = Math.floor(Math.random() * (max - min + 1)) + min;
    var chars = "abcdefghiklmnopqrstuvw";
    var string_length = 4;
    var randomstring = '';

    for (var i = 0; i < string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substring(rnum, rnum + 1);

        var link = m + randomstring;

    }

    $('.link').attr('href', 'http://www.puu.sh/' + link).html(link);
    $('.img').attr('src', $('.link').attr('href'));

    $('.img').error(function () {
        $('.blink').append("'" + link + "',");
    });
    $('.img').load(gen);
}

$('.linkgen').click(gen);
$(document).ready(gen);