How to calculate the dimensions of a js element?

Question

JavaScript

There is an element on the page, I calculate the width and height of the element, multiply them. The resulting piece from the element (highlighted in red) I want to use in the future as a response zone for the script. Tell me how to hang a click event on half of this element (sq)?

<div class="el">

</div>

.el{
width: 800px;
height: 600px;
}

 let el= document.querySelector('.el'),
           w = el.offsetWidth * 0.5,
           h = el.offsetHeight,
           sq = w* h;

Answer 1

Options:

• hang on the entire element, check the coordinates when clicking, and return without action if X is more than half
  
• programmatically create a new one inside the element, half-width, and hang a listener on it