JSFiddle - React, Tailwind, and code Playground

HTML

<div id="object"></div>

CSS

.object {
    background: red;
    width: 20px;
    height: 20px;
}

JavaScript

var rect = document.getElementById("object").getBoundingClientRect();
console.log("rect.top, rect.right, rect.bottom, rect.left");