JavaScript Cookies Write

February 8, 2021 10:45 am IST

You are Here:

JavaScript Cookies Write

The document.cookie property writes a cookie to the web browser.

Note: Though you set a String value to the document.cookie property, when you read it out again, you can only see the key-value pair of it.

Write Single Cookie

In the following example, we will write a single cookie (username).

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <script> var name = "Steve"; document.cookie = "username="+name+";path=/"; document.write("Cookie written"); </script> </body> </html>

Run

Write Multiple Cookies

There are no shortcuts to write multiple cookies, you have to set document.cookie property multiple times.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <script> var num1 = 1; var num2 = 2; document.cookie = "cookie1="+num1+";path=/"; document.cookie = "cookie2="+num2+";path=/"; document.write("Cookie written"); </script> </body> </html>

Run

Write Object Cookie

To write an object to a cookie, you have to convert that Object to a String and then store it.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <script> var bike = { company: "honda", model: "CBR 1000RR", color: "Red" }; document.cookie = "objectCookie="+JSON.stringify(bike)+";path=/"; document.write("Cookie written"); </script> </body> </html>

Run