Как вычислить размеры элемента js?

Question

[Westoura]

Есть на странице элемент, вычисляю ширину и высоту элемента, перемножаю их. Полученный кусок от элемента (выделено красным) хочу использовать в дальнейшем как зону реагирования для скрипта. Подскажите как повесить событие click на половину этого элемента (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

[Сергей Соколов]

Варианты:

• повесить на весь элемент, при клике проверять координаты, и return без действий, если X больше половины
  
• программно создавать внутри элемента новый, в пол-ширины, и вешать слушателя на него