JSFiddle - React, Tailwind, and code Playground
HTML
<img class="randImg" src="" />
CSS
.randImg {
border: 2px solid black;
width: 280px;
//max-width: 100px;
}
JavaScript
var letters = ["s", "a", "g", "G", "X", "3", "4"];
var urlBase = ["http://imgur.com/"];
var urlExt = [".png"];
function shuffle(array) {
var currentIndex = array.length,
temporaryValue, randomIndex;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
shuffle(letters);
var urlRandom = urlBase.concat(letters, urlExt);
console.log(urlRandom.join(''));
//$(".randImg").attr("src", $(this).src);
$(".randImg").attr("src", urlRandom.join(''));
//$('.randImg').click( randomImgur );