ボタンを押す方法HTML5の加速度計でリセットと停止を行う

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> 

これは試してみてください一度あなたの条件の例です。