Basic site ok

htu21d.json

@@ -0,0 +1 @@
+{ "temperature": 25.60, "humidity": 52.68 }

index.html

@@ -14,7 +14,8 @@
             <p>🌡️ Temperature: <span id="temp">--</span>C</p>
             <p>💧 Humidity: <span id="hum">--</span>%</p>
         </div>
-        <button onclick="fetchSensorData()">🔄 Refresh</button>
+        <button id="refresh">🔄 Refresh</button>
     </div>
+    <script src="index.js"></script>
 </body>
 </html>

index.js

@@ -0,0 +1,17 @@
+async function fetchSensorData() {
+    try {
+      const response = await fetch('htu21d.json');
+      const data = await response.json();
+      document.getElementById('temp').textContent = data.temperature;
+      document.getElementById('hum').textContent = data.humidity;
+      console.log('Data updated');
+    } catch (err) {
+      console.error('Failed to load sensor data:', err);
+    }
+  }
+  
+  // Load on page load
+  fetchSensorData();
+  
+  // Refresh button
+  document.getElementById('refresh').addEventListener('click', fetchSensorData);