let startX;
let startY;
let endX;
let endY;

const threshold = 100; // 스와이프를 감지하기 위한 최소 이동 거리

document.addEventListener("touchstart", function(event) {
  startX = event.touches[0].clientX;
  startY = event.touches[0].clientY;
});

document.addEventListener("touchend", function(event) {
  endX = event.changedTouches[0].clientX;
  endY = event.changedTouches[0].clientY;
  handleSwipe();
});

function handleSwipe() {
  const dx = endX - startX;
  const dy = endY - startY;
  const absDx = Math.abs(dx);
  const absDy = Math.abs(dy);

  if (absDx > absDy && absDx > threshold) {
    if (dx > 0) {
      // 오른쪽 스와이프
      console.log("Right swipe detected");
    } else {
      // 왼쪽 스와이프
      console.log("Left swipe detected");
    }
  } else if (absDy > threshold) {
    if (dy > 0) {
      // 아래쪽 스와이프
      console.log("Downward swipe detected");
    } else {
      // 위쪽 스와이프
      console.log("Upward swipe detected");
    }
  }
}