JSFiddle - React, Tailwind, and code Playground

by tsdexter

HTML

<body>
    
</body>

JavaScript

var starty = 0;

window.ondevicemotion = function(event) {  
    if (starty == 0) starty = event.accelerationIncludingGravity.y;
    var accelerationY = event.accelerationIncludingGravity.y;
    var diff = accelerationY - starty;
    if(diff > 1 ) {               
        if(accelerationY < starty)
        $('body').append('<p>UP: '+accelerationY+'</p>');   
        if(accelerationY > starty)
        $('body').append('<p>DOWN: '+accelerationY+'</p>');   
    }
    starty = event.accelerationIncludingGravity.y;
}

$(document).ready(function(){

    
    
});