Merge pull request #24 from AzharAli-github/master

AzharAli-github · web-flow · commit 53d272713644 · 2023-01-10T11:17:28.000+05:00
Promise
diff --git a/JavaScript/Advance/Async/3.Promise/images/js-logo.png b/JavaScript/Advance/Async/3.Promise/images/js-logo.png
diff --git a/JavaScript/Advance/Async/3.Promise/index.html b/JavaScript/Advance/Async/3.Promise/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>Promise in JS</title>
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+    <h1>Promise in JS</h1>
+    <h2 style="font-family: cursive;">Example One</h2>
+    <p style="font-family: monospace;" id="textOne"></p>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/Async/3.Promise/script.js b/JavaScript/Advance/Async/3.Promise/script.js
@@ -0,0 +1,26 @@
+/*
+      A JavaScript Promise contain two type of code:
+      1. "Consuming Code "
+      2. "Producing Code" : It contains the result and should call one of the callbacks
+        &#9193; it will callback the error or the succes
+    Understand the following Program how to use promise
+ */
+let textOne = document.getElementById('textOne');
+
+function Display(some) {
+    textOne.innerHTML = some;
+}
+
+let myPromise = new Promise(function(Resolve, Reject) {
+    let x = 0;
+    if (x == 0) {
+        Resolve("Open script.js file and console for better Understanding !");
+    } else {
+        Reject("Error just Occured");
+    }
+})
+
+myPromise.then(
+    function(success) { Display(success) },
+    function(error) { Display(error) }
+);
