cookie-II

AzharAli-github · AzharAli-github · commit 5f50ff5dc549 · 2023-01-16T00:36:44.000+05:00
diff --git a/JavaScript/Advance/BOM/9.cookie-II/images/js-logo.png b/JavaScript/Advance/BOM/9.cookie-II/images/js-logo.png
diff --git a/JavaScript/Advance/BOM/9.cookie-II/index.html b/JavaScript/Advance/BOM/9.cookie-II/index.html
@@ -0,0 +1,20 @@
+<!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>cookie-part-II-JS</title>
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+
+</body>
+<h1>Cookie in JS</h1>
+<p id="textOne"></p>
+<button onclick="checkCookie()">click</button>
+<script src="script.js"></script>
+
+</html>
diff --git a/JavaScript/Advance/BOM/9.cookie-II/script.js b/JavaScript/Advance/BOM/9.cookie-II/script.js
@@ -0,0 +1,37 @@
+let textOne = document.getElementById('textOne');
+
+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=/";
+    textOne.innerHTML = document.cookie;
+}
+
+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 "";
+}
+
+function checkCookie() {
+    let user = getCookie("username");
+    if (user != "") {
+        alert("Welcome again " + user);
+    } else {
+        user = prompt("Please enter your name:", "");
+        if (user != "" && user != null) {
+            setCookie("username", user, 30);
+        }
+    }
+}
