On device motion

by stopsatgreen

HTML

<h1></h1>

JavaScript

var el = document.querySelector('h1');
window.ondevicemotion = function(event) {  
    var accelerationX = event.acceleration.x, 
        accelerationY = event.acceleration.y,
        accelerationZ = event.acceleration.z;
    if (accelerationX > 5) {
        el.textContent = accelerationX.toFixed(1);
    } else if (accelerationY > 5) {
        el.textContent = accelerationY.toFixed(1);
    } else if (accelerationZ > 5) {
        el.textContent = accelerationZ.toFixed(1);
    }
}