fetch example - 15

MDJAmin · MDJAmin · commit 9a015c37b44d · 2025-07-23T08:16:42.000+04:30
Added base HTML, CSS reset, and a JavaScript file that fetches product data from fakestoreapi.com and logs it to the console. This sets up the project structure and demonstrates basic API interaction.
diff --git a/Collage Code 0/15/css/style.css b/Collage Code 0/15/css/style.css
@@ -0,0 +1,5 @@
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
diff --git a/Collage Code 0/15/index.html b/Collage Code 0/15/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="js/script.js"></script>
+</body>
+</html>
diff --git a/Collage Code 0/15/js/script.js b/Collage Code 0/15/js/script.js
@@ -0,0 +1,22 @@
+// let name = "amin"
+
+// let nakxcnd = kcndakcn
+
+// let name2 = "amin2"
+
+// console.log(nakxcnd)
+
+async function fetchProduct() {
+    try {
+        const response = await fetch("https://fakestoreapi.com/products")
+        if (!response.ok) {
+            throw new Error("fetching data was unsuccessful!")
+        }
+        const data = await response.json();
+        console.log("Products:", data)
+    } catch (error) {
+        console.log("Error:", error.massage)
+    }
+}
+
+fetchProduct()
