JavaScript Use of SAME cookies for different functions

[Pejamide]

To my surprise the statement 'document.cookies' cannot be used for different JavaScript functions. so only within the specified JavaScript function. HOW can I use the SAME cookies for some JavaScript cookies?

 

[JimmysNetwork]

Hello,
The document.cookie property can be used to set and retrieve cookies in JavaScript, but it has some nuances that might be causing confusion.

--
When you call document.cookie, it returns all the cookies in a single string, separated by ;

Example:
console.log(document.cookie); // "username=John; theme=dark"

Limitations:

1. document.cookie does not directly allow structured access to individual cookies; you need to parse the string to access specific cookies.

--

To use the same cookies across multiple JavaScript functions, you can create utility functions for setting, getting, and deleting cookies. This will help you consistently manage cookies throughout your code.

function setCookie(name, value, days) {
    let expires = "";
    if (days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function getCookie(name) {
    const nameEQ = name + "=";
    const cookies = document.cookie.split('; ');
    for (let i = 0; i < cookies.length; i++) {
        let c = cookies[i];
        if (c.indexOf(nameEQ) === 0) {
            return decodeURIComponent(c.substring(nameEQ.length));
        }
    }
    return null;
}

function deleteCookie(name) {
    document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

Using the Utility function across different scripts:

setCookie("theme", "dark", 7); 

function applyTheme() {
    const theme = getCookie("theme");
    if (theme) {
        console.log("Theme is:", theme);
        // Apply the theme
    }
}

deleteCookie("theme");

I'm not sure if this answers your questions. But if you need additional help let me know!

 

[Pejamide]

Yes, I know that procedure. However, I only want to keep EVERY cookie available for every JAVASCRIPT of EVERY webpagina but WITHIN the SAME web domain in stead of within the same webpagina. How can I do so?

 

[JimmysNetwork]

Yes, I know that procedure. However, I only want to keep EVERY cookie available for every JAVASCRIPT of EVERY webpagina but WITHIN the SAME web domain in stead of within the same webpagina. How can I do so?

Hi,

If I’m understanding what you want - you should be able to use the following code to achieve your goal:

document.cookie = "userSession=abc123; path=/; Secure; SameSite=Strict";

By setting the path=/ when creating cookies, all JavaScript running on the same domain will have access to those cookies, regardless of which page is loaded.