added the button to save the new user information

src/main/webapp/js/settings.js

@@ -2,6 +2,8 @@ document.getElementById("newUsername").value = sessionStorage.getItem("username"
 document.getElementById("cancelButton").addEventListener("click", function(){
     window.location.href = "../app.html";
 });
+document.getElementById("saveButton").addEventListener("click", editUser);
+
 
 /**
  * Makes HTTP PUT request to server for updating username and password
@@ -22,8 +24,12 @@ function editUser (event) {
         .then(response => {
             if (response === true) {
                 alert("Bruker oppdatert");
-                window.location.href = "../app.html";
+                let user = {
+                    username: newInformation.username,
+                    password: newInformation.password
+                };
                 updateApplication(user);
+                window.location.href = "../app.html";
             } else {
                 alert("Brukernavn eksisterer fra før, vennligst skriv inn et nytt brukernavn");
             }
@@ -32,8 +38,9 @@ function editUser (event) {
 }
 
 function updateApplication(user){
-    sessionStorage.setItem("username", user.newUsername);
-    sessionStorage.setItem("password", user.newPassword);
+
+    sessionStorage.setItem("username", user.username);
+    sessionStorage.setItem("password", user.password);
     window.location.href = "../app.html"
     }
 

src/main/webapp/settings.html

@@ -18,16 +18,16 @@
                 <input class="newUsernameInput"
                        placeholder="Skriv inn nytt brukernavn"
                        id="newUsername"
-                       autocomplete="off"
+                       autocomplete="on"
                        pattern="([\w]+)">
 
                 <input class="newUsernameInput"
                        placeholder="Skriv inn nytt passord"
                        id="newPassword"
-                       autocomplete="off"
+                       autocomplete="on"
                        type="password">
 
-                <button class="btn" id=id type="button">Lagre</button>
+                <button class="btn" id="saveButton" type="button">Lagre</button>
                 <button class="btn" id="cancelButton" type="button">Avbryt</button>
             </form>
         </div>