make the speed of earth increase or decrease when slider is used - Follow Up Deployment

index.html

@@ -91,7 +91,7 @@
         <div class="control-panel" style="left: 2rem; transform: none;">
             <div class="flex flex-col space-y-2 w-40">
                 <div>
-                    <label for="earth-speed" class="block text-xs font-medium mb-1">Earth Orbit Speed</label>
+                    <label for="earth-speed" class="block text-xs font-medium mb-1">Earth Orbit Speed: <span id="earth-speed-value">0.5</span></label>
                     <input type="range" id="earth-speed" min="0.1" max="2" step="0.1" value="0.5" class="w-full slider-thumb">
                 </div>
                 <div>
@@ -125,7 +125,7 @@
         // Event listeners for controls
         earthSpeedSlider.addEventListener('input', function() {
             earthSpeed = parseFloat(this.value);
-            earthSpeedValue.textContent = earthSpeed;
+            document.getElementById('earth-speed-value').textContent = earthSpeed.toFixed(1);
             if (earth) earth.speed = earthSpeed;
         });
 
@@ -139,7 +139,7 @@
             sunIntensitySlider.value = 100;
             earthSpeed = 0.5;
             sunIntensity = 100;
-            earthSpeedValue.textContent = earthSpeed;
+            document.getElementById('earth-speed-value').textContent = earthSpeed.toFixed(1);
             sunIntensityValue.textContent = sunIntensity;
             if (earth) earth.speed = earthSpeed;
         });