programmer-hummour task completed

Dan2Clouted · Dan2Clouted · commit e03911dbec3c · 2026-04-04T22:55:46.000+01:00
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>Programmer Humour</title>
+    <link rel="stylesheet" href="style.css" />
+    <script src="script.js" defer></script>
+  </head>
+  <body>
+    <img id="comic" />
+  </body>
+</html>
diff --git a/fetch/programmer-humour/script.js b/fetch/programmer-humour/script.js
@@ -0,0 +1,14 @@
+function getComic() {
+  fetch("https://xkcd.vercel.app/?comic=latest")
+    .then((response) => response.json())
+    .then((data) => {
+      console.log(data);
+
+      const img = document.getElementById("comic");
+      img.src = data.img;
+    })
+    .catch((error) => {
+      console.log("Error:", error);
+    });
+}
+getComic();
diff --git a/fetch/programmer-humour/style.css b/fetch/programmer-humour/style.css
@@ -0,0 +1,7 @@
+body {
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgb(58, 57, 55);
+}
