CodeYourFuture · RaihanSharif · May 8, 2026 · May 8, 2026 · May 8, 2026
diff --git a/fetch/programmer-humour/index.html b/fetch/programmer-humour/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Programming Humor - XKCD</title>
+    <script src="script.js" defer></script>
+  </head>
+  <body>
+    <img src="" alt="" />
+    <p></p>
+  </body>
+</html>
diff --git a/fetch/programmer-humour/script.js b/fetch/programmer-humour/script.js
@@ -0,0 +1,25 @@
+async function fetchXKCDComic() {
+  const url = "https://xkcd.now.sh/?comic=latest";
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Response status: ${response.status}`);
+  }
+  return response.json();
+}
+
+async function displayComic() {
+  const comicDisplay = document.querySelector("img");
+  const errorDisplay = document.querySelector("p");
+
+  try {
+    const data = await fetchXKCDComic();
+    console.log(data);
+    comicDisplay.src = data.img;
+    comicDisplay.alt = data.alt;
+    comicDisplay.title = data.title;
+  } catch (error) {
+    errorDisplay.textContent = error.message;
+  }
+}
+
+document.addEventListener("DOMContentLoaded", displayComic);
diff --git a/fetch/programmer-humour/styles.css b/fetch/programmer-humour/styles.css