replaced hardcoded URL with constant and improved error handling with defensive coding

Author: zilinskyte

fetch/programmer-humour/script.js

@@ -1,9 +1,10 @@
+const API_URL = "https://xkcd.now.sh/?comic=latest";
+
 async function getLatestComic() {
-  const url = "https://xkcd.now.sh/?comic=latest";
   const container = document.getElementById("comic-container");
 
   try {
-    const response = await fetch(url);
+    const response = await fetch(API_URL);
 
     if (!response.ok) {
       throw new Error(`HTTP error: ${response.status}`);
@@ -12,16 +13,20 @@ async function getLatestComic() {
     const data = await response.json();
     console.log(data);
 
+    if (!data.img) {
+      throw new Error("API did not return an image");
+    }
+
     container.innerHTML = "";
 
     const img = document.createElement("img");
     img.src = data.img;
-    img.alt = data.title;
+    img.alt = data.alt || data.title || "XKCD comic";
 
     container.appendChild(img);
   } catch (error) {
     console.error("Fetch error:", error);
-    container.innerHTML = `<p>Something went wrong loading the comic.</p>`;
+    container.innerHTML = `<p>Could not load the comic. Please try again later.</p>`;
   }
 }