Cookie delete script makes page reload constantly

Design help Custom code
1

I’m trying to create a faux log-out from a password protected page. My logic was that I could simply delete the auth cookie (using this method), and then reload the page.

However, it seems that my function sends the page into an endless reload loop, without even having to click on the log-out button.

What could be causing this?

Here is my script:

  const logOutBtn = document.querySelector('#log-out-btn');
  const logOutFaux = function() {
    var cookieString = 'wf_auth_page=';
    var expiryDate = new Date();
    expiryDate.setTime(expiryDate.getTime() - 86400 * 1000);
    cookieString += ';max-age=0';
    cookieString += ';expires=' + expiryDate.toUTCString();
    document.cookie = cookieString;
    location.reload(true);
  };
  logOutBtn.addEventListener('click', logOutFaux());

Here is my site Read-Only: LINK

2

@peej - can you post the live site? It seems unlikely that a click event is occurring to trigger the function without a click actually occurring, but maybe there is a conflict with another script?

1 Like
3

sorry about that, I updated the read-only link

https://preview.webflow.com/preview/exa-3db7c1?utm_medium=preview_link&utm_source=designer&utm_content=exa-3db7c1&preview=bb4bdfac71f7bb522d284e3ed541ebdc&pageId=5f0ca1bad09dbc7a5666a7a2&mode=preview

4

@peej - can you post the published site so I can inspect the page and see what is happening? I can’t test custom code in the read-only.

5

https://www.exaconsulting.group/associate-resource-center-pw

If you need, the password is ‘arctest’

6

@peej - is the script currently commented out?

7

My bad, I’ve uncommented it. Thank you for bearing with me

8

Try something like this:

logOutBtn.addEventListener("click", function (){
    logOutFaux();
});
1 Like
9

Thanks, that stops the page from reloading automatically. It seems like the cookie doesn’t get removed though, do you have any suggestions on how I may approach that?

10

@peej - looks like it may not be possible as the cookie has the HttpOnly flag set:

image
image1198×88 14.2 KB

11

Oh wow. That’s really frustrating. Thanks for the answer!