const out = (s, e) => document.querySelector(e).innerHTML = `${s}<br>`

​

if (window.DeviceOrientationEvent) {

  window.addEventListener('deviceorientation', (e) => {

    let alpha = Math.round(e.alpha),

        beta = Math.round(e.beta),

        gamma = Math.round(e.gamma)

    out(`Alfa: ${alpha}&deg;<br>Beta: ${beta}&deg;<br>Gamma: ${gamma}&deg;`, '#i')

  }, false)

}

​

if (window.DeviceMotionEvent) {

  let max = {

    x: 0, 

    y: 0, 

    z: 0

  }

  window.addEventListener('devicemotion', (e) => {

    let x = Math.round(e.acceleration.x), 

        y = Math.round(e.acceleration.y), 

        z = Math.round(e.acceleration.z)

    out(`X: ${x} m/s&sup2;<br>Y: ${y} m/s&sup2;<br>Z: ${z} m/s&sup2;`, '#j')

    if (x > max.x) {

      max.x = x;

    }

    if (y > max.y) {

      max.y = y;

    }

    if (z > max.z) {

      max.z = z;

    }

    out(`mX: ${max.x} m/s&sup2;<br>mY: ${max.y} m/s&sup2;<br>mZ: ${max.z} m/s&sup2;`, '#k')

  })

​

}