How can I delete all cookies with JavaScript?

JavascriptWeb DevelopmentFront End Technology

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>
raja
Published on 31-Jan-2018 13:59:38
Advertisements