JSFiddle - React, Tailwind, and code Playground

by colintoh

HTML

<div id="hehe">
    <p></p>
</div>

CSS

#hehe{
    width:500px;
    height:500px;
    background:#000;
}

p{
    color:#fff;
}

JavaScript

$(window).orientationchange(function(){
    alert(window.orientation);
})

$('#hehe').tap(function(){
    $('p').html('tap');
})
    
    $('#hehe').swiperight(function(){
        $('p').html('swipe right');
    })
        
    $('#hehe').swipeleft(function(){
        $('p').html('swipe left');
    })