From 2061cef98d6711e381e8eabc7d43c9bb53ae7a13 Mon Sep 17 00:00:00 2001
From: Kavin Muralikrishnan <921563@lcps.org>
Date: Fri, 18 Oct 2024 17:20:43 -0400
Subject: [PATCH] fixed axis values

---
 index.html | 16 ++++++++--------
 index.js   |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index b41a94e..a4d55ea 100644
--- a/index.html
+++ b/index.html
@@ -23,36 +23,36 @@
         <div>
             <div class="container desktop-only" id="desktop-axis">
                 <div class="slider-non">Axis 0</div>
-                <div class="slider-non" id="axisValue0">127</div>
+                <div class="slider-non" id="0axisvalue0">127</div>
                 <div class="slider-bar" id="0bar0"></div>
 
                 <div class="slider-non">Axis 1</div>
-                <div class="slider-non" id="axisValue1">127</div>
+                <div class="slider-non" id="0axisvalue1">127</div>
                 <div class="slider-bar" id="0bar1"></div>
 
                 <div class="slider-non">Axis 2</div>
-                <div class="slider-non" id="axisValue2">127</div>
+                <div class="slider-non" id="0axisvalue2">127</div>
                 <div class="slider-bar" id="0bar2"></div>
 
                 <div class="slider-non">Axis 3</div>
-                <div class="slider-non" id="axisValue3">127</div>
+                <div class="slider-non" id="0axisvalue3">127</div>
                 <div class="slider-bar" id="0bar3"></div>
             </div>
             <div class="container desktop-only" id="desktop-axis1">
                 <div class="slider-non">Axis 0</div>
-                <div class="slider-non" id="axisValue0">127</div>
+                <div class="slider-non" id="1axisvalue0">127</div>
                 <div class="slider-bar" id="1bar0"></div>
 
                 <div class="slider-non">Axis 1</div>
-                <div class="slider-non" id="axisValue1">127</div>
+                <div class="slider-non" id="1axisvalue1">127</div>
                 <div class="slider-bar" id="1bar1"></div>
 
                 <div class="slider-non">Axis 2</div>
-                <div class="slider-non" id="axisValue2">127</div>
+                <div class="slider-non" id="1axisvalue2">127</div>
                 <div class="slider-bar" id="1bar2"></div>
 
                 <div class="slider-non">Axis 3</div>
-                <div class="slider-non" id="axisValue3">127</div>
+                <div class="slider-non" id="1axisvalue3">127</div>
                 <div class="slider-bar" id="1bar3"></div>
             </div>
         </div>
diff --git a/index.js b/index.js
index 2045f6d..71cb8bf 100644
--- a/index.js
+++ b/index.js
@@ -595,7 +595,7 @@ function createGamepadAgent(gamepadNum) {
         return getGamepads().find(gamepad => gamepad.index == gamepadNum);
     }
 
-    var axisValueElements = document.querySelectorAll('[id^="axisValue"]');
+    var axisValueElements = document.querySelectorAll('[id^="'+gamepadNum+'axisValue"]');
     var barElements = document.querySelectorAll('[id^="'+gamepadNum+'bar"]');
     var buttonElements = document.querySelectorAll('[id^="'+gamepadNum+'buttonDesktop"]');