PhoneGap Accelerometer

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
        <title>Accelerometer Test</title>

        <style type="text/css">
            body {
                font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
            }

            .accel-out {
                padding: 3em;
                font-weight: bold;
            }

            .accel-out .coord {
                font-size: 1.2em;
            }

            .accel-out .coord.x {
                color: #F00;
            }
            .accel-out .coord.y {
                color: #0F0;
            }
            .accel-out .coord.z {
                color: #00F;
            }
        </style>

        <script type="text/javascript" src="cordova-2.7.0.js"></script>
        <script type="text/javascript">
            'use strict'

            function $ (el, sl) {
                if (typeof el === 'string')
                    return document.querySelectorAll(el);
                if (typeof el === 'object' && typeof sl === 'string')
                    return el.querySelectorAll(sl);
            }

            document.addEventListener('deviceready', function () {
                var accelVals = { x: 0, y: 0, z: 0 },
                    accelNormal = 0.5;

                function showAccel (vals) {
                    var ac = $('.accel-out')[0];
                    for (var k in vals) {
                        if (vals.hasOwnProperty(k))
                            $(ac, '.coord.' + k + ' + .value')[0].innerHTML = vals[k];
                    }
                }

                function onAccelSeccess (accel) {
                    for (var k in accelVals) {
                        if (accelVals.hasOwnProperty(k) && accelVals[k] !== accel[k]) {
                            // http://en.wikipedia.org/wiki/Low-pass_filter
                            accelVals[k] = accelVals[k] + accelNormal * (accel[k] - accelVals[k]);
                        }
                    }
                    showAccel(accelVals);
                }

                function onAccelError () {
                    $('body')[0].innerHTML = '<div style="font-weight: bold; font-size: 2em">Accelerometer Error</div>';
                }

                navigator.accelerometer.watchAcceleration(onAccelSeccess, onAccelError, { frequency: 1000 });
            });
        </script>
</head>
    <body>
        <div class="accel-out">
            <div><span class="coord x">X: </span><span class="value"></span></div>
            <div><span class="coord y">Y: </span><span class="value"></span></div>
            <div><span class="coord z">Z: </span><span class="value"></span></div>
        </div>
    </body>
</html>