如何在HTML5上的加速度計讀數上放置按鈕RESET和STOP

Question

我在如何在HTML5的加速度計上放置重置按鈕和停止按鈕時遇到問題。 這是我的代碼。

<script>
function init() { 

  var accelerometer = document.getElementById('accelerometer');
  if(window.DeviceMotionEvent) {
  window.addEventListener('devicemotion', function(event) {
            var x = parseInt(event.accelerationIncludingGravity.x);

            var y = parseInt(event.accelerationIncludingGravity.y);

            var z = parseInt(event.accelerationIncludingGravity.z);

            var acce = 'Acceleration:<br />';
            acce += 'x: ' + x +'<br />y: ' + y + '<br />z: ' + z + '<br />';

            accelerometer.innerHTML = acce;
          });
  }
}
</script>

Answer 1

       <script>
       function init() { 

       var accelerometer = document.getElementById('accelerometer');
       if(window.DeviceMotionEvent) {
        window.addEventListener('devicemotion', function(event) {
        var x = parseInt(event.accelerationIncludingGravity.x);

        var y = parseInt(event.accelerationIncludingGravity.y);

        var z = parseInt(event.accelerationIncludingGravity.z);

        var acce = 'Acceleration:<br />';
        acce += 'x: ' + x +'<br />y: ' + y + '<br />z: ' + z + '<br />'+'<input type=\"reset\" value=\"reset\" onclick=\"action here\"/>'+'<br/>'+'<button>Stop</button>';

        accelerometer.innerHTML = acce;
        });
        }
        }
        </script>

這是您的需求示例，請嘗試一次。