JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

<div id="mensagem">Arraste o dedo na tela!</div>

JavaScript

mensagem = document.getElementById( 'mensagem' );
    
var ts_x;
var ts_y;
document.addEventListener('touchstart', function(e) {
   e.preventDefault();
   var touch = e.changedTouches[0];
   ts_x = touch.pageX;
   ts_y = touch.pageY;
}, false);

document.addEventListener('touchmove', function(e) {
   e.preventDefault();
   var touch = e.changedTouches[0];
   td_x = touch.pageX - ts_x;
   td_y = touch.pageY - ts_y;
   if( Math.abs( td_x ) > Math.abs( td_y ) ) {
      if( td_x < 0 ) {
          mensagem.innerHTML = '<';
      } else {
          mensagem.innerHTML = '>';
      }
   } else {
      if( td_y < 0 ) {
          mensagem.innerHTML = '^';
      } else {
          mensagem.innerHTML = 'v';
      }
   }
}, false);