Получить количество градусов, в которых находится div в javascript

Question

У меня есть круг, и мне нужно знать уровень конкретного div. Например, здесь я разделил круг на 4 части. Моя цель - узнать, на сколько градусов находится обведенный кружок div. Это так, что я могу изменить цвет фона. Так, например, когда div находится между 0 и 90 градусами, цвет фона должен быть синим, а от 90 до 180 градусов - зеленым. Можно ли рассчитать это с помощью javascript? введите описание изображения здесь

Я сам уже экспериментировал, чтобы вычислить разницу между точками с положением x и положением y объекта, но, к сожалению, безуспешно. это выглядело так:

  handleDrag = (e, ui) => {

    var p1 = {
      x: ui.x,
      y: ui.y
    };
    
    var p2 = {
      x: ui.x,
      y: ui.y
    };
    
    // angle in radians
    var angleRadians = Math.atan2(p2.y - p1.y, p2.x - p1.x);
    
    // angle in degrees
    var angleDeg = Math.atan2(p2.y - p1.y, p2.x - p1.x) * 180 / Math.PI;

    console.log("graden:"+angleDeg);
}

У кого-нибудь есть совет?