JSFiddle - React, Tailwind, and code Playground

HTML

<div id="screen" style="background-color: olive; height: 120px; width:120px;"></div> <span id="me" style="position: absolute; left: 44px; top: 86px;">me</span>

</div>
<p class="ab"> <span class="abc"></span>

</p>

JavaScript

$(document).ready(function () {
    var $screen = $('#screen');
    var $me = $('#me');
$('.ab').html($screen.width() + $screen.offset().left);
    if ((($screen.height() + $screen.offset().top) >= $me.offset().top) || ($screen.width() + $screen.offset().left) >= $me.offset().left)) {
    $('.ab').html('true');
} else {
    $('.ab').html('false');
}
});