JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box" style="position: absolute; top: 10px; left: 10px; height: 50px; width: 50px; background-color: red;"></div>

JavaScript

var box = document.getElementById('box'),
    boxPos = 10,
    boxVelocity = 2,
    limit = 300;

function update() {
    boxPos += boxVelocity;
    // Switch directions if we go too far
    if (boxPos >= limit || boxPos <= 0) boxVelocity = -boxVelocity;
}

function draw() {
    box.style.left = boxPos + 'px';
}

function mainLoop() {
    update();
    draw();
    requestAnimationFrame(mainLoop);
}

requestAnimationFrame(mainLoop);