fetch-API-II

AzharAli-github · AzharAli-github · commit ed7a205d19b3 · 2023-01-18T10:58:42.000+05:00
diff --git a/JavaScript/Advance/Web API/fetch API-part2/images/js-logo.png b/JavaScript/Advance/Web API/fetch API-part2/images/js-logo.png
diff --git a/JavaScript/Advance/Web API/fetch API-part2/index.html b/JavaScript/Advance/Web API/fetch API-part2/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fetch API- Part-II</title>
+</head>
+
+<body>
+    <h1>Fetch API Part 2 from url</h1>
+    <h2>Example</h2>
+    <button onclick="DisplayOne()">Click</button>
+    <p id="textOne"></p>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/Web API/fetch API-part2/script.js b/JavaScript/Advance/Web API/fetch API-part2/script.js
@@ -0,0 +1,11 @@
+//    Fetch API Part 2, Fetching From URL
+let textOne = document.getElementById('textOne');
+
+function DisplayOne() {
+    fetch('https://jsonplaceholder.typicode.com/todos/1')
+        .then(response => {
+            let resp = response;
+            textOne.innerHTML = resp;
+            console.log(textOne);
+        });
+}
