Как запомнить координаты в переменную?

Question

[Monile]

У меня есть 4 координаты которые я нахожу при клике, как мне запомнить 1 x в переменную и 1 y тоже, а потом аналогично со 2 координатами.
https://codepen.io/Oisad/pen/KKgjYMa

Answer 1

[Daniil Vasilyev]

let clicksCount = 0;
let firstCoordinates;
let secondCoordinates;

function clickHandler(event) {
  clicksCount++;
  const coordinates = { x: event.pageX, y: event.pageY };

  switch (clicksCount) {
    case 1:
      firstCoordinates = coordinates;
      break;
    case 2:
      secondCoordinates = coordinates;
      break;
    default:
      window.removeEventListener('click', clickHandler);
  }
};

window.addEventListener('click', clickHandler);

Comments

[Monile]

возможно ли как-то взять именно x1 и y1, мне это нужно для того чтобы подставить в формулу для расчета?

[Daniil Vasilyev]

После двух кликов спокойно используйте два объекта, можете не в объектах хранить, а в переменных, но насколько это хорошая идея в плане чистоты кода - неизвестно

const result = (firstCoordinates.x + firstCoordinates.y) - (secondCoordinates.x + secondCoordinates.y);

[Monile]

спасибо

[Daniil Vasilyev]

А если принципиально нужно переменными

let clicksCount = 0;
let x1, x2, y1, y2;

function clickHandler(event) {
  clicksCount++;
  const coordinates = { x: event.pageX, y: event.pageY };

  switch (clicksCount) {
    case 1:
      x1 = coordinates.x;
      y1 = coordinates.y;
      break;
    case 2:
      x2 = coordinates.x;
      y2 = coordinates.y;
      break;
    default:
      window.removeEventListener('click', clickHandler);
  }
};

window.addEventListener('click', clickHandler);