NetbotsDotTech · NetbotsDotTech · May 15, 2024 · Jun 3, 2024 · Jun 3, 2024 · Jun 3, 2024
diff --git a/JS/AsyncAwait/AsyncAwait.js b/JS/AsyncAwait/AsyncAwait.js
@@ -0,0 +1,11 @@
+ async function DisplayData() {
+  let myPromise = new Promise(function(resolve, reject) {
+    setTimeout(() => {
+      resolve("Hello from Amazon Server");
+    }, 2000);
+  });
+ let  FullfilledPromise =   await myPromise;
+ console.log(FullfilledPromise)
+}
+
+DisplayData();
diff --git a/JS/AsyncAwait/AsyncAwaitPromises.js b/JS/AsyncAwait/AsyncAwaitPromises.js
@@ -0,0 +1,22 @@
+ function helloWorld() {
+  return new Promise((resolve )=>{
+setTimeout(() => {
+  resolve("Succesfull")
+}, 3000);
+
+  });
+}
+async function Fun1() {
+  const msg = await  helloWorld();
+  console.log("Message from  function 1:", msg);
+}
+async function Fun2() {
+  const msg =  await helloWorld();
+  console.log("Message from  function 2:", msg);
+}
+
+Fun1()
+Fun2()
+
+
+
diff --git a/JS/AsyncAwait/Asynchronous.js b/JS/AsyncAwait/Asynchronous.js
@@ -0,0 +1,18 @@
+function DsiplayMessage() {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve("Hello World!");
+    }, 2000);
+  });
+}
+const FirstFunction =async function () {
+  const result =await DsiplayMessage();
+  console.log("FirstFunction :", result);
+};
+const SecondFunction = async () => {
+  const result =  await DsiplayMessage();
+  console.log("SecondFunction :", result);
+};
+
+FirstFunction();
+SecondFunction();
diff --git a/JS/AsyncAwait/TryCatch.js b/JS/AsyncAwait/TryCatch.js
@@ -0,0 +1,14 @@
+var myObject = {
+  name: "John Doe",
+  age: 15,
+  email: "test@test.com",
+  job: "Auditor",
+};
+try {
+  let userJSON = JSON.stringify(myObject);
+  console.log("JSON Data" ,userJSON);
+  let userObj = JSON.parse(myObject);
+  console.log("Object Data", userObj);
+} catch (e) {
+  console.error(`Invalid  data!`);
+}
diff --git a/JS/AsyncAwait/data.json b/JS/AsyncAwait/data.json
@@ -0,0 +1,7 @@
+{
+  "Name": "Saqlain",
+  "FatherName": "Zaheer"
+}
+
+
+<Name>Saqlain</Name>
diff --git a/JS/Destructuring/Array.js b/JS/Destructuring/Array.js
@@ -0,0 +1,11 @@
+const [first, last] = ["Nikola", "Tesla"];
+
+
+
+let data = ["saqlain", 70, 432423, true];
+const [name, age, ...others] = data
+
+console.log(`Name : ${name} , Age : ${age}, Other Values :${others}`)
+
+data.push("Shah")
+console.log(`Data : ${data}`)
diff --git a/JS/Destructuring/Default.js b/JS/Destructuring/Default.js
@@ -0,0 +1,8 @@
+const data = {
+  username: "saqlain",
+  age: 70,
+  isMale: true,
+};
+console.log("My Name is ",username);
+
+
diff --git a/JS/Destructuring/destructuring.js b/JS/Destructuring/destructuring.js
@@ -0,0 +1,10 @@
+
+
+
+const numbers = [1, 2, 3, 4, 5, 6];
+console.log("numbers", numbers)
+const [num1, num2, ...others] = numbers;
+console.log("value", ...others)
+const value = [num1, num2, ...others]
+
+ console.log("value", value)
diff --git a/JS/Destructuring/object.js b/JS/Destructuring/object.js
@@ -0,0 +1,17 @@
+let { title, author } = {
+  title: "MERN Stack Course",
+  author: "Saqlain Shah",
+};
+
+
+let data = {
+  username:"saqlain", 
+  Age: 70, 
+  No:432423,
+  isMale: true
+};
+const {username, Age, ...abc} = data
+
+console.log(`username : ${username} , Age : ${Age}, Other Values :${abc}`)
+
+console.log(abc)
diff --git a/JS/EventListner/evenyListner.html b/JS/EventListner/evenyListner.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Event Listeners with HTML Form</title>
+    <script>
+      function handleButtonClick() {
+        console.log("Button clicked!");
+      }
+
+
+      function handleMouseOver() {
+        console.log("Mouse over the element!");
+      }
+
+      function handleMouseOut() {
+        console.log("Mouse left the element!");
+      }
+
+      function handleKeyDown(event) {
+        console.log("Key pressed:", event.key);
+      }
+
+      function handleKeyUp(event) {
+        console.log("Key released:", event.key);
+      }
+
+      function handleSubmit(event) {
+        event.preventDefault();
+        console.log("Form submitted!");
+      }
+    </script>
+  </head>
+  <body>
+    <form onsubmit="handleSubmit(event)">
+      <label for="myInput">Input:</label>
+      <input
+        type="text"
+        id="myInput"
+        onchange="console.log('Input value changed:', this.value)"
+      />
+      <br />
+      <button onclick="handleButtonClick()">Click Me</button>
+      <br />
+      <div onmouseover="handleMouseOver()" onmouseout="handleMouseOut()">
+        Mouse over me
+      </div>
+      <br />
+      <input
+        type="text"
+        onkeydown="handleKeyDown(event)"
+        onkeyup="handleKeyUp(event)"
+      />
+      <br />
+      <button type="submit">Submit</button>
+    </form>
+  </body>
+</html>
diff --git a/JS/EventListner/onchange.js b/JS/EventListner/onchange.js
@@ -0,0 +1,7 @@
+const inputElement = document.getElementById("myInput");
+
+inputElement.onchange = function () {
+  console.log("Input value changed");
+  // Perform additional actions or updates here
+};
+
diff --git a/JS/EventListner/onclick.js b/JS/EventListner/onclick.js
@@ -0,0 +1 @@
+
diff --git a/JS/EventListner/onsubmit.js b/JS/EventListner/onsubmit.js
@@ -0,0 +1 @@
+
diff --git a/JS/FetchApi/FetchApi.js b/JS/FetchApi/FetchApi.js
@@ -0,0 +1,23 @@
+const url = "www.rinor.pk/videostreaming"
+
+fetch(url, {
+  method: "POST",
+  headers: {
+    "Content-type": "application/json",
+    apikey: apiKey,
+  },
+  body: data,
+
+}).then(
+  (response) => {
+    if (response.ok) {
+      return response.json();
+    }
+    throw new Error("Request failed!");
+  },
+  (networkError) => {
+    console.log(networkError.message);
+  }
+);
+
+fetch()
diff --git a/JS/FetchApi/FetchApiFunction.js b/JS/FetchApi/FetchApiFunction.js
@@ -0,0 +1,5 @@
+fetch("https://api-xyz.com/endpoint", {
+  method: "POST",
+  body: JSON.stringify({ id: "200" }),
+})
+
diff --git a/JS/FetchApi/PromiseUrlParameterFetchApi.js b/JS/FetchApi/PromiseUrlParameterFetchApi.js
@@ -0,0 +1,8 @@
+
+
+fetch("https://jsonplaceholder.typicode.com/posts")
+.then(response => response.json())
+.then(response=> console.log(response))
+.catch(err=>console.log(err.message))
+
+
diff --git a/JS/Promises/UsingPromises.js b/JS/Promises/UsingPromises.js
@@ -0,0 +1,5 @@
+promise
+  .then()
+  .catch();
+
+
diff --git a/JS/Promises/callback.js b/JS/Promises/callback.js
@@ -0,0 +1,74 @@
+
+function fetchData(innerFunction) {
+  console.log("Fetching Data...!");
+  setTimeout(() => {
+    console.log("Data fetched");
+    innerFunction()
+  }, 4000);
+}
+
+function processData(innerFunction) {
+  console.log("Processing Data...!");
+  setTimeout(() => {
+    console.log("Data processed");
+    innerFunction()
+  }, 3000);
+}
+
+function saveData(innerFunction) {
+  console.log("Saving Data...!");
+  setTimeout(() => {
+    console.log("Data saved");
+    innerFunction()
+  }, 2000);
+}
+
+fetchData(()=>{
+  processData(()=>{
+    saveData(()=>{
+      console.log("All done!");
+    })
+  })
+})
+
+
+
+
+
+
+
+
+// let firstTask = (callback) => {
+//   console.log("Task Loading...!");
+
+//   setTimeout(() => {
+//     console.log("First Task");
+//     callback()
+//   }, 4000);
+// }
+
+
+// let SecondTask = (callback) => {
+//   console.log("Task Loading...!");
+
+//   setTimeout(() => {
+//     console.log("Second Task ");
+//     callback()
+//   }, 3000);
+// }
+
+// let ThirdTask = (callback) => {
+//   setTimeout(() => {
+//     console.log("Third Task ");
+//     callback()
+//   }, 2000);
+// }
+
+// firstTask(()=>{
+//   SecondTask(()=>{
+//     ThirdTask(()=>{
+//       console.log("All Done")
+//     })
+//   })
+
+// })
diff --git a/JS/Promises/callbackAlternative.js b/JS/Promises/callbackAlternative.js
@@ -0,0 +1,73 @@
+
+// let firstTask = new Promise((resolve)=>{
+//   setTimeout(() => {
+//     resolve("First Task");
+//     resolve()
+//   }, 4000);
+// })
+
+
+// let SecondTask =  new Promise((resolve)=>{
+//     setTimeout(() => {
+//       resolve("Second Task");
+//     }, 3000);
+//   })
+
+
+// let ThirdTask =  new Promise((resolve)=>{
+//   setTimeout(() => {
+//     resolve("Third Task");
+//   }, 2000);
+// })
+
+
+// firstTask
+// .then((a)=>console.log(a))
+// .then()
+// .then(ThirdTask())
+// .then(()=>{console.log("All Done")})
+
+
+let fetchData= ()=> {
+  return new Promise((resolve) => {
+      console.log("Fetching Data...!");
+    setTimeout(() => {
+      console.log("Data fetched");
+      resolve();
+    }, 2000); 
+  });
+}
+
+function processData() {
+  return new Promise((resolve) => {
+      console.log("Processing Data...!");
+    setTimeout(() => {
+      console.log("Data processed");
+      resolve();
+    }, 2000); 
+  });
+}
+
+function saveData() {
+  return new Promise((resolve) => {
+      console.log("Saving Data...!");
+    setTimeout(() => {
+      console.log("Data saved");
+      resolve();
+    }, 2000); 
+  });
+}
+
+fetchData()
+  .then(() => processData())
+  .then(() => saveData())
+  .then(() => {
+    console.log("All done!");
+  })
+  .catch((error) => {
+    console.error("An error occurred:", error);
+  });
+
+
+
+