JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="sv">

<head>
    <meta charset="utf-8" />
    <meta name="description" content="modul 3 - övning 9" />
    <meta name="author" content="Sebastian Andersson" />
    <title>Sebastian Andersson</title>
    <script>
        //skapar ett objekt med namespace $hubbe var $hubbe = {};
        var $hubbe = {};

        $hubbe.printelement = function() {
            //skapar en varibale $hubbe.div som ett div element
            $hubbe.div = document.createElement("DIV");
            // sätter ett id newdiv på $hubbe.div
            $hubbe.div.setAttribute("id", "newdiv");
            $hubbe.div.setAttribute("style", "background-color:red;")
            $hubbe.div.innerHTML = "hej";
            $hubbe.div.style.position = "absolute";
            $hubbe.div.style.left = "50%";
            $hubbe.div.style.top = "50%";
            //skriver ut $hubbe.div till body
            document.body.appendChild($hubbe.div);
            $hubbe.move();
        }

        $hubbe.movex = 0;
        $hubbe.newdiv = document.getElementById("newdiv");
        $hubbe.move = function() {
                $hubbe.movex++
          			$hubbe.div.style.left = $hubbe.movex + 'px';
            		setTimeout($hubbe.move, 2000);
        }
        
        
    </script>
</head>

<body onload="$hubbe.printelement()">
</body>

</html>