JSFiddle - React, Tailwind, and code Playground

HTML

Making Games, spellen maken in javascript,Physics model,stuiteren
<div id="block">1</div>

CSS

html, body, div, iframe,
img, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body{
	line-height: 1;
    font-family: sans-serif;
    background-color: #ffff00;
     overflow: hidden;
}
/***********EINDE RESET******************/
#block{
      position:absolute;
      width: 15px;
      height: 15px;
      background-color: #f00;
      overflow: hidden;
}

JavaScript

var block={};
block.ref=document.getElementById("block");
block.x=15;
block.y=35;
block.dx=3;
block.dy=3;
var loop_interval=window.setInterval(gameloop, 40);

var w = window.innerWidth;
var h = window.innerHeight;

function gameloop()
{
    block.x+=block.dx;
    block.y+=block.dy;
    // bounce
    if(block.x>(w-15)) block.dx=-Math.abs(block.dx);
    if(block.y>(h-15)) block.dy=-Math.abs(block.dy);
    if(block.x<0) block.dx=Math.abs(block.dx);
    if(block.y<0) block.dy=Math.abs(block.dy);
    
    block.ref.style.left=block.x+"px";
    block.ref.style.top=block.y+"px";
}