Added more logout functionality.

logout.js

@@ -1,9 +1,9 @@
 //VARIBLES
-
-// //IF NOT LOGGED IN DON'T SHOW LOG IN BUTTON
-//  if (username === '') {
-//     document.getElementById("logoutlink").style.display = "none";
-//  }
+myStorage = window.localStorage;
+// //IF NOT LOGGED IN DON'T SHOW LOGOUT BUTTON
+while (username === null) {
+  document.getElementById("logoutbutton").style.display = "none";
+}
 
 //LOGOUT FETCH FUNCTION
 
@@ -21,3 +21,29 @@ async function logout() {
   username = null;
   loggedIn()
 }
+
+//CHECKS TO SEE IF USERNAME MATCHES TOKEN 
+let tokenUpdate = window.setInterval(checkToken, 1000);
+
+async function checkToken() {
+  const response = await fetch(`api/token/${username}/`);
+  const matches = await response.json();
+
+  //YES THIS IS CONFUSING I KNOW.
+  if (matches.status === "fail") {
+    loggedOut()
+  }
+
+  // IF NO USERNAME BUT HAS A TOKEN THEN LOGOUT
+
+  if (matches.status === "ok" && myStorage.length === 0) {
+    logout()
+  }
+}
+
+//AND IF THEY DON'T HAVE A TOKEN CLEARS THE LOCAL STORED USERNAME
+
+function loggedOut() {
+  localStorage.removeItem('username')
+  document.querySelector("#loggeduser").innerHTML = 'You are not logged in'
+}