How can you create and store cookies using JavaScript?

Question

Khushi Singh · Answer

The JavaScript programming language implements cookies for maintaining small browser-based data that survives across sessions. The primary application of Cookies concerns user identity proofing, together with maintaining session connections and storing system preferences. The document.cookie property enables developers to both create and retrieve cookies as well as delete them.

You can store a cookie by assigning a document.cookie string that contains the cookie name and value, and optional expiration date and path information. A cookie without an expiration date will disappear when the browser exits. The existence of an expiration date allows you to preserve the cookie.

// Creating and storing a cookie
document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2025 23:59:59 GMT; path=/";

Document.cookie is the tool used for cookie retrieval since it provides a single string that contains all cookies from the current domain. The parsing process is needed for extracting specific values from key-value pairs that cookies store through semicolon separators. When deleting cookies, you can accomplish this task by adding an expired date in the past.

There are two main limitations to cookies, which include a 4KB size threshold alongside a Cross-Site Scripting (XSS) security weakness. These security improvements can be achieved through setting the HttpOnly flag together with the Secure flag for cookies to protect against cross-origin request access and secure cookie transport, respectively. Cookies provide user session management, but modern storage options such as localStorage and sessionStorage enhance client-side data management by preventing the server from sending data.

forum

How can you create and store cookies using JavaScript?

Can you answer this question?

1 Answers