From abc605e717c89c05569c676507b561dba756d4a7 Mon Sep 17 00:00:00 2001
From: rizkym4l <115598877+rizkym4l@users.noreply.github.com>
Date: Fri, 28 Nov 2025 15:11:46 +0700
Subject: [PATCH 1/3] Add weather data fetching script to index.html

---
 index.html | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 51cf7bbdf..bbe2ee972 100644
--- a/index.html
+++ b/index.html
@@ -753,7 +753,42 @@ <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
     <!-- Page level custom scripts -->
     <script src="js/demo/chart-area-demo.js"></script>
     <script src="js/demo/chart-pie-demo.js"></script>
-
+<div>
+    <h3>Data Sensor Cuaca Kota Cerdas</h3>
+    <p id="cuaca">Memuat data...</p>
+</div>
+<script>
+    // --- GANTI NILAI INI ---
+    const apiKey = 'MASUKKAN_API_KEY_KAMU'; // << HARUS DIGANTI!
+    const city = 'Bandung'; // << GANTI NAMA KOTA ANDA
+    // Konstruksi URL yang BENAR menggunakan Template Literal (backtick: `)
+    const apiUrl = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`;
+    fetch(apiUrl)
+        .then(response => {
+            if (!response.ok) {
+                // Memberi pesan kesalahan jika API Key/Kota salah
+                throw new Error(`HTTP error! Status: ${response.status}. Cek kembali API Key dan nama kota.`);
+            }
+            return response.json();
+        })
+        .then(data => {
+            // Ambil data yang diperlukan
+            const suhu = data.main.temp;
+            const kelembapan = data.main.humidity;
+            const namaKota = data.name;
+            // Update elemen HTML menggunakan Template Literal yang BENAR
+            document.getElementById("cuaca").innerText =
+                `Lokasi: ${namaKota} | Suhu: ${suhu}°C | Kelembapan: ${kelembapan}%`;
+        })
+        .catch(error => {
+            // Tampilkan pesan kesalahan jika fetch gagal
+            document.getElementById("cuaca").innerText = `Gagal mengambil data. (${error.message})`;
+            console.error(error);
+        });
+</script>
+
+
+    
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 3f7dff842682f3c62e2f682b9a2ac41e25fb037c Mon Sep 17 00:00:00 2001
From: rizkym4l <115598877+rizkym4l@users.noreply.github.com>
Date: Fri, 28 Nov 2025 15:20:07 +0700
Subject: [PATCH 2/3] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index bbe2ee972..cf20e4bcf 100644
--- a/index.html
+++ b/index.html
@@ -759,7 +759,7 @@ <h3>Data Sensor Cuaca Kota Cerdas</h3>
 </div>
 <script>
     // --- GANTI NILAI INI ---
-    const apiKey = 'MASUKKAN_API_KEY_KAMU'; // << HARUS DIGANTI!
+    const apiKey = 'c8072928c19d23b1978759c3c681f81e'; // << HARUS DIGANTI!
     const city = 'Bandung'; // << GANTI NAMA KOTA ANDA
     // Konstruksi URL yang BENAR menggunakan Template Literal (backtick: `)
     const apiUrl = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`;

From c52b7ea497b89ccae6af9d157fd3921d02b5660b Mon Sep 17 00:00:00 2001
From: rizkym4l <115598877+rizkym4l@users.noreply.github.com>
Date: Fri, 28 Nov 2025 15:27:44 +0700
Subject: [PATCH 3/3] Improve fetch error handling and logging

Updated fetch error handling to log response status.
---
 index.html | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index cf20e4bcf..ddd6336fd 100644
--- a/index.html
+++ b/index.html
@@ -763,14 +763,15 @@ <h3>Data Sensor Cuaca Kota Cerdas</h3>
     const city = 'Bandung'; // << GANTI NAMA KOTA ANDA
     // Konstruksi URL yang BENAR menggunakan Template Literal (backtick: `)
     const apiUrl = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`;
-    fetch(apiUrl)
-        .then(response => {
-            if (!response.ok) {
-                // Memberi pesan kesalahan jika API Key/Kota salah
-                throw new Error(`HTTP error! Status: ${response.status}. Cek kembali API Key dan nama kota.`);
-            }
-            return response.json();
-        })
+  fetch(apiUrl)
+    .then(response => {
+        console.log("Status:", response.status);
+        if (!response.ok) {
+            throw new Error(`Status: ${response.status}`);
+        }
+        return response.json();
+    })
+
         .then(data => {
             // Ambil data yang diperlukan
             const suhu = data.main.temp;
@@ -785,6 +786,7 @@ <h3>Data Sensor Cuaca Kota Cerdas</h3>
             document.getElementById("cuaca").innerText = `Gagal mengambil data. (${error.message})`;
             console.error(error);
         });
+    
 </script>