usersettingschange

src/main/webapp/js/settings.js

@@ -2,13 +2,23 @@ document.getElementById("newUsername").value = sessionStorage.getItem("username"
 document.getElementById("cancelButton").addEventListener("click", function(){
     window.location.href = "../app.html";
 });
+document.getElementById("newUsernameButton").addEventListener("click", event => {
+    editUser(event)
+    window.location.href = "../app.html";
+});
 
 /**
  * Makes HTTP PUT request to server for updating username and password
  */
 function editUser (event) {
     event.preventDefault();
-    let newInformation = {};
+    let newUsername = document.getElementById('newUsername').value
+    let newPassword = document.getElementById('newPassword').value
+    let newInformation = {
+        username: newUsername,
+        password: newPassword
+    };
+    sessionStorage.setItem("username", newUsername);
 
     fetch('../api/user/'+sessionStorage.getItem("userId"), {
         method: "PUT",

src/main/webapp/settings.html

@@ -27,11 +27,13 @@
                        autocomplete="off"
                        type="password">
 
-                <button class="btn">Lagre</button>
+                <button class="btn" id="newUsernameButton" type="button">Lagre</button>
                 <button class="btn" id="cancelButton" type="button">Avbryt</button>
             </form>
         </div>
     </div>
 <script src="js/settings.js"></script>
 </body>
+</html>"js/settings.js"></script>
+</body>
 </html>
\ No newline at end of file