JSFiddle - React, Tailwind, and code Playground

by Frontstudy

HTML

<div class="a1"></div>

CSS

.a1 {
height: 100px;
width: 100px;
background-color: pink;
position: absolute;
}

JavaScript

(function() {
var z = document.querySelector("a1");//знакомим
z[0].addEventListener("click", move);//по клику по элементу
var leftPos = 0;
function move() {
setInterval(animate, 10);
};
function animate() {
a1.style.top = leftPos + "px";
    leftPos++;
};
})();