JSFiddle - React, Tailwind, and code Playground

HTML

<img src="" id="tichimage"/>
<div id="credits"></div>
<br />
<input type="submit" />

JavaScript

var links = ['https://placedog.com/1000/300', 'https://placedog.com/400/300', 'http://placedog.com/1000/1000'];
var credits = ['Pencils', 'Pencils', 'Eljordo'];





function setImage(i) {
    document.getElementById('tichimage').src = links[i];
    document.getElementById('credits').innerHTML = credits[i];
}

function getRandomInt(max) {
    return Math.floor(Math.random() * (max + 1));
}

function setRandomImage() {
    setImage(getRandomInt(links.length - 1));
}

$("input").click(function() {

    setRandomImage();
    var img = new Image();
    img.src = $("#tichimage").attr("src");
    img.onload = function() {
        var width = this.width;
        var height = this.height;
    }

});