Constants declared

index.html

@@ -106,6 +106,8 @@
             </details>
         </section>
     </main>
+
+    <script src="script.js"></script>
 </body>
 
 </html>

script.js

@@ -0,0 +1,42 @@
+// Get all control elements
+const vxSlider = document.getElementById('vx-slider');
+const vySlider = document.getElementById('vy-slider');
+const omegaSlider = document.getElementById('omega-slider');
+const maxSpeedSlider = document.getElementById('max-speed-slider');
+const moduleCountInput = document.getElementById('module-count');
+
+// Get all output elements
+const vxOutput = document.getElementById('vx-value');
+const vyOutput = document.getElementById('vy-value');
+const omegaOutput = document.getElementById('omega-value');
+const maxSpeedOutput = document.getElementById('max-speed-value');
+
+// Get button elements
+const resetBtn = document.getElementById('reset-btn');
+const generateInputsBtn = document.getElementById('generate-inputs-btn');
+const applyCustomBtn = document.getElementById('apply-custom-btn');
+
+// Preset buttons
+const preset2WheelBtn = document.getElementById('preset-2wheel');
+const preset3WheelBtn = document.getElementById('preset-3wheel');
+const preset4WheelBtn = document.getElementById('preset-4wheel');
+const preset4RectBtn = document.getElementById('preset-4rect');
+const preset6WheelBtn = document.getElementById('preset-6wheel');
+const preset8WheelBtn = document.getElementById('preset-8wheel');
+
+// Add event listeners for drive controls
+vxSlider.addEventListener('input', (e) => {
+    vxOutput.textContent = parseFloat(e.target.value).toFixed(1);
+});
+
+vySlider.addEventListener('input', (e) => {
+    vyOutput.textContent = parseFloat(e.target.value).toFixed(1);
+});
+
+omegaSlider.addEventListener('input', (e) => {
+    omegaOutput.textContent = parseFloat(e.target.value).toFixed(1);
+});
+
+maxSpeedSlider.addEventListener('input', (e) => {
+    maxSpeedOutput.textContent = parseFloat(e.target.value).toFixed(1);
+});