Frontend: checking for username and token mismatch

chat.js

@@ -21,8 +21,12 @@ form.addEventListener("submit", async function (event) {
     if (matches.status === "ok") {
         sendMessage()
     } else {
-            document.querySelector("#errormessage").innerHTML = 'Username and token mismatch. Try logging in again.'
+        const mismatch = 'Username and token mismatch. Try logging in again.'
+        printText(mismatch.bold())
+        logout()
+        localStorage.removeItem('username')
     }
+
 })
 
 //SEND MESSAGE FETCH FUNCTION
@@ -87,3 +91,10 @@ loggedIn()
 
 
 //REVIECE USERS PRONOUNS
+
+async function getPronouns() {
+const response = await fetch(`api/users/${username}/`);
+const data = await response.json();
+pronouns = data.pronouns
+return pronouns;
+}