How to delete Cookie after page has changed Javascript

Question

Im going to add cookie to specific page using javascript as simple as this

document.cookie="username=John Doe";

i want to make them expire when user change that specific page[Navigate to another page]. how to do that

Answer 1

Just set the cookie time to an expired date:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

see: JavaScript Cookies