Это мой первый раз с пружинным ботинком. Итак, у меня есть простая страница index. html, i go к ней только через localhost: 8080. У меня есть console.log () в моем js под html, и они не регистрируют ни одной вещи. Хотя api действительно работает, я попробовал его в почтальоне, и проблем нет. Но похоже, что js ничего не распознает из html. Это то, что console.log () выводит в консоль: 
Как видите, они пусты. См. Мою структуру и мой код ниже:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page</title>
</head>
<body>
<form id="loginform">
<div class="form-group">
<label for="Username">Username</label>
<input name="username" class="form-control" type="text" placeholder="Enter username" required>
</div>
<div class="form-group">
<label for="Password">Password</label>
<input name="password" class="form-control" type="password" placeholder="Password" required>
</div>
<button id="login">Login</button>
</form>
<script>
function login() {
var formData = new FormData(document.querySelector("#loginform"));
var encData = new URLSearchParams(formData.entries());
console.log(formData);
console.log(encData);
console.log(document.querySelector("#loginform"));
fetch("/authenticate", {method: 'POST', body: encData})
.then(function (response) {
if (response.ok) {
window.location.href = "/lingogame.html";
return response.json();
} else {
alert("Invalid Username or password");
}
})
.then(myJson => window.sessionStorage.setItem("myJWT", myJson.JWT))
.catch(error => console.log(error));
}
var loginButton = document.querySelector("#login")
if (loginButton) {
loginButton.addEventListener("click", login);
}
</script>
</body>
</html>