How can I delete all cookies with JavaScript?


To delete all cookies with JavaScript, you can try to run the following code. Here, we’re using an array and the split() method to get all the cookies and finally delete them

Example

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: 03-Oct-2019

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements