Set and get multiple cookies in JavaScript

Link for all dot net and sql server video tutorial playlists
http://www.youtube.com/user/kudvenkat/playlists

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/02/set-and-get-multiple-cookies-in.html

In this video, we will discuss how to set and get multiple cookies in JavaScript. This is continuation to Part 69. Please watch Part 69 before proceeding.

When we click “Set Cookie” button we want to store the following 3 key-value pairs in 3 cookies.
name=Venkat;
email=Kudevnkat@gmail.com;
gender=Male;

When we click “Get Cookie” button we want to retrieve all the 3 key-value pairs from the 3 cookies

Modify the code in setCookie() function as shown below.
function setCookie()
{
document.cookie = “name=” + document.getElementById(“txtName”).value;
document.cookie = “email=” + document.getElementById(“txtEmail”).value;
document.cookie = “gender=” + document.getElementById(“txtGender”).value;
}

The above code creates 3 cookies and stores the 3 key-value pairs. At this point document.cookie property contains the following string
“name=Venkat; email=Kudvenkat@gmail.com; gender=Male”

Now, modify the code in getCookie() function as shown below.
function getCookie()
{
if (document.cookie.length != 0)
{
var cookiesArray = document.cookie.split(“; “);
for (var i = 0; i [ cookiesArray.length; i++)
{
var nameValueArray = cookiesArray[i].split(“=”);
if (nameValueArray[0] == “name”)
{
document.getElementById(“txtName”).value = nameValueArray[1];
}
else if (nameValueArray[0] == “email”)
{
document.getElementById(“txtEmail”).value = nameValueArray[1];
}
else if (nameValueArray[0] == “gender”)
{
document.getElementById(“txtGender”).value = nameValueArray[1];
}
}
}
else
{
alert(“No cookies found”);
}
}

source