cookie

AzharAli-github · AzharAli-github · commit 72029493fb26 · 2023-01-16T00:33:38.000+05:00
diff --git a/JavaScript/Advance/BOM/8.cookie/images/js-logo.png b/JavaScript/Advance/BOM/8.cookie/images/js-logo.png
diff --git a/JavaScript/Advance/BOM/8.cookie/index.html b/JavaScript/Advance/BOM/8.cookie/index.html
@@ -0,0 +1,25 @@
+<!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>cookies-JS</title>
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+    <h1>Cookies in JS</h1>
+    <h2>Example One</h2>
+    <p id="textOne"></p>
+    <h2>setCookie</h2>
+    <p id="textTwo"></p>
+    <h2>getCookie</h2>
+    <p id="textThree"></p>
+    <h2>checkCookie</h2>
+    <p id="textFour"></p>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/BOM/8.cookie/script.js b/JavaScript/Advance/BOM/8.cookie/script.js
@@ -0,0 +1,76 @@
+/*
+    You should have heard about cookie while using a website, which always pops up at you, and some people say it is harmfull because it collects data from us.
+    Let's get indepth of cookie...
+    >> Cookies are data, stored in small text files on your computer
+       > Cookies were invented to solve the problem of "how to remember information about the user"
+          > when a user visits a web page his name can be stored in a cookie
+          > next time the user visits the web page he can remember his name
+    We will try by our first Example
+    
+    Example 1:
+*/
+let textOne = document.getElementById('textOne');
+
+let rememberPersonOne = document.cookie = "username= John Doe";
+
+textOne.innerHTML = rememberPersonOne;
+
+// Cookies can be changed or deleted the same way that they have been created
+//    for Example
+document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+
+
+/* Now there are three main functions of cookies 
+      1. setCookie()
+      2. getCookie()
+      3. checkCookie()
+*/
+
+// In this Example we will discuss about how to setCookie()   
+
+let textTwo = document.getElementById('textTwo');
+
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+    let expires = "expires=" + d.toUTCString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+textTwo.innerHTML = setCookie.apply();
+
+
+//  getCookie
+
+function getCookie(cname) {
+    let name = cname + "=";
+    let decodedCookie = decodeURIComponent(document.cookie);
+    let ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+            return c.substring(name.length, c.length);
+        }
+    }
+    return "";
+}
+textThree.innerHTML = getCookie();
+
+//  checkCookie
+
+let textFour = document.getElementById('textFour');
+
+function checkCookie() {
+    let username = getCookie("username");
+    if (username != "") {
+        alert("Welcome again " + username);
+    } else {
+        username = prompt("Please enter your name:", "");
+        if (username != "" && username != null) {
+            setCookie("username", username, 365);
+        }
+    }
+}
+textFour.innerHTML = checkCookie();
