<\/span><\/h3>\nTo read a cookie value in JavaScript, you can use the document.cookie property.<\/strong> This property returns a string containing all the cookies associated with the current document. To access a specific cookie, you need to parse this string and fetch the desired value.<\/p>\nHere’s a simple example that demonstrates how to read a cookie value in JavaScript:<\/p>\n
“`javascript
\nfunction getCookieValue(cookieName) {
\n const name = cookieName + “=”;
\n const decodedCookie = decodeURIComponent(document.cookie);
\n const cookieArray = decodedCookie.split(‘;’);<\/p>\n
for(let i = 0; i < cookieArray.length; i++) {
\n let cookie = cookieArray[i];<\/p>\n
while (cookie.charAt(0) === ‘ ‘) {
\n cookie = cookie.substring(1);
\n }<\/p>\n
if (cookie.indexOf(name) === 0) {
\n return cookie.substring(name.length, cookie.length);
\n }
\n }<\/p>\n
return “”;
\n}<\/p>\n
const myCookieValue = getCookieValue(“myCookie”);
\nconsole.log(“Cookie Value:”, myCookieValue);
\n“`<\/p>\n
In this code snippet, the getCookieValue function takes a parameter called cookieName, which represents the name of the cookie you want to retrieve. It starts by appending the cookie name with an equals sign to create a search string. The document.cookie property returns all the cookies as a single semicolon-separated string, which we decode and split into an array. We then iterate through the cookieArray and trim leading spaces for each cookie. If a cookie’s name matches the search string, we extract the value and return it. If the cookie is not found, an empty string is returned.<\/p>\n