Teach with us

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 08:06:06

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements