Syntax error How to set multiple cookies in JavaScript?

How to set multiple cookies in JavaScript?

With JavaScript, to set more than one cookie, set document.cookie more than once using the; separator.

Example

You can try to run the following code to set multiple cookies −

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script>
      var num=1;
      function addCookie() {
         document.cookie=num+"="+num;
         num++;
      }
      function listCookies() {
         var result = document.cookie;
         document.getElementById("list").innerHTML=result;
      }
      function removeCookies() {
         var res = document.cookie;
         var multiple = res.split(";");
         for(var i=0;i<multiple.length;i++) {
            var key = multiple[i].split("=");
            document.cookie=key[0]+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
         }
      }
      </script>
   </head>
   <body>
      <button onclick='addCookie()'>ADD</button><br>
      <button onclick='listCookies()'>LIST COOKIES</button><br>
      <button onclick='removeCookies()'>REMOVE</button>
      <h1>Cookies List</h1>
      <p id="list"></p>
   </body>
</html>
Updated on: 2020-06-16T11:59:40+05:30

4K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements