diff --git a/accel-demo/index.html b/accel-demo/index.html
index 1672fb0..34d1ac9 100644
--- a/accel-demo/index.html
+++ b/accel-demo/index.html
@@ -1,41 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>Accelerometer Demo</title>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Accelerometer Demo</title>
 
-        <style>
-        .indicatorDot{
-            width: 30px;
-            height: 30px;
-            background-color: #ffab56;
-            border-radius: 50%;
-            position:fixed;
-        }
-        </style>
+    <style>
+      .indicatorDot {
+        width: 30px;
+        height: 30px;
+        background-color: #ffab56;
+        border-radius: 50%;
+        position: fixed;
+      }
+    </style>
 
     <script>
-			function getAccel(){
-    DeviceMotionEvent.requestPermission().then(response => {
-        if (response == 'granted') {
-        // Add a listener to get smartphone acceleration 
+      function getAccel() {
+        const indicatorDot = document.querySelector("indicatorDot");
+        DeviceMotionEvent.requestPermission().then((response) => {
+          if (response == "granted") {
+            // Add a listener to get smartphone acceleration
             // in the XYZ axes (units in m/s^2)
-            window.addEventListener('devicemotion', (event) => {
-                console.log(event.acceleration.x.valueOf());
-                console.log(event.acceleration.y.valueOf());
+            window.addEventListener("devicemotion", (event) => {
+              indicatorDot.clientLeft = event.acceleration.x.valueOf();
+              indicatorDot.clientTop = event.acceleration.y.valueOf();
             });
-       // Add a listener to get smartphone orientation 
-           // in the alpha-beta-gamma axes (units in degrees)
-            window.addEventListener('deviceorientation',(event) => {
-                // console.log(event.);
+            // Add a listener to get smartphone orientation
+            // in the alpha-beta-gamma axes (units in degrees)
+            window.addEventListener("deviceorientation", (event) => {
+              // console.log(event.);
             });
-        }
-    });
-}
-		</script>
-    </head>
-    <body style="background-color:lightblue;">
-        <button id="accelPermsButton"  style="height:50px;" onclick="getAccel()"><h1>Get Accelerometer Permissions</h1></button>
-        <div class="indicatorDot" style="left:30%; top:30%;"></div>
-    </body>
-</html>
\ No newline at end of file
+          }
+        });
+      }
+    </script>
+  </head>
+  <body style="background-color: lightblue">
+    <button id="accelPermsButton" style="height: 50px" onclick="getAccel()">
+      <h1>Get Accelerometer Permissions</h1>
+    </button>
+    <div class="indicatorDot" style="left: 30%; top: 30%"></div>
+  </body>
+</html>
