<body>
<div class="dian">
<Input type = "button" value = "Point me try!">
</div>
<script>
let clickInput = document.querySelector("input");
let randomTop, randomLeft, vx, vy, moveDiv, timer
clickInput.addEventListener("click", () => {
moveDiv = document.createElement("div");
document.body.appendChild(moveDiv);
randomTop = parseInt(Math.random() * (innerHeight - 99));
randomLeft = parseInt(Math.random() * (innerWidth - 99));
moveDiv.style.top = randomTop + "px";
moveDiv.style.left = randomLeft + "px";
vx = 1;
y = 1;
timer = setInterval(() => {
randomTop += vx;
randomLeft + = vy;
moveDiv.style.top = randomTop + "px";
moveDiv.style.left = randomLeft + "px";
if (randomTop >= (innerHeight - 99) || randomTop <= 0) {
vx = -vx;
}
if (randomLeft >= (innerWidth - 99) || randomLeft <= 0) {
vy = -vy;
}
}
, 1)
})
</script>
</body>