JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<div id="rank" style="position:absolute; width:60; height:80;"> <a href="javascript:void(popup('http://shct.hct.ac.ae/UAE/uae40.asp?ref=11/28/2011 8:50:38 AM',800,700,'LoginPorb'))"><img src="https://hct-portal.hct.ac.ae/images/uae/na40.png" width="232" height="240" border="0"></a> 
</div>

CSS

#rank {
    position: absolute;
}

JavaScript

var brOK = false;
var mie = false;
var rank;
var vmin = 2;
var vmax = 5;
var vr = 2;
var timer1;

if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
    brOK = true;
}
if (navigator.appName.indexOf("Microsoft") != -1) {
    mie = true;
}


function UAEImage(UAEImagename, width, height) {
    this.named = UAEImagename;
    this.vx = vmin + vmax * Math.random();
    this.vy = vmin + vmax * Math.random();
    this.w = width;
    this.h = height;
    this.xx = 0;
    this.yy = 0;
    this.timer1 = null;
}

function moveUAEImage(UAEImagename) {
    if (brOK) {
        var mydiv = document.getElementById(UAEImagename);
        if (!mie) {
            pageX = window.pageXOffset - 300;
            pageW = window.innerWidth - 200;
            pageY = window.pageYOffset - 100;
            pageH = window.innerHeight - 300;
        }
        else {
            pageX = window.document.body.scrollLeft - 300;
            pageW = window.document.body.offsetWidth - 200;
            pageY = window.document.body.scrollTop - 100;
            pageH = window.document.body.offsetHeight - 300;
        }

        rank.xx = rank.xx + rank.vx;
        rank.yy = rank.yy + rank.vy;

        rank.vx += vr * (Math.random() - 0.5);
        rank.vy += vr * (Math.random() - 0.5);
        if (rank.vx > (vmax + vmin)) rank.vx = (vmax + vmin) * 2 - rank.vx;
        if (rank.vx < (-vmax - vmin)) rank.vx = (-vmax - vmin) * 2 - rank.vx;
        if (rank.vy > (vmax + vmin)) rank.vy = (vmax + vmin) * 2 - rank.vy;
        if (rank.vy < (-vmax - vmin)) rank.vy = (-vmax - vmin) * 2 - rank.vy;


        if (rank.xx <= pageX) {
            rank.xx = pageX;
            rank.vx = vmin + vmax * Math.random();
        }
        if (rank.xx >= pageX + pageW - rank.w) {
            rank.xx = pageX + pageW - rank.w;
            rank.vx = -vmin - vmax * Math.random();
        }
        if (rank.yy <= pageY) {
            rank.yy = pageY;
            rank.vy = vmin + vmax * Math.random();
        }
        if...