diff --git a/htu21d.json b/htu21d.json
new file mode 100644
index 0000000..7c201bc
--- /dev/null
+++ b/htu21d.json
@@ -0,0 +1 @@
+{ "temperature": 25.60, "humidity": 52.68 }
diff --git a/index.html b/index.html
index eef1c33..30c2799 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..b709e17
--- /dev/null
+++ b/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);
\ No newline at end of file