2 simple functions cause entire page refresh, no idea why

See more:

Javascript

HTML5

i got 2 functions, ones checks the login given and the other renders an icon based on if its correct or not,it doesn't work after checking slowly with debugged.
problem is once the main function ends , the entire page gets re-rendered for some reason and i lose the state of the classes.
in the debugger i get sent into a file That Starts With VM, in it:

onDoLogin(event)

any suggestions?

The Code:

function onDoLogin(e) {
  e.stopPropagation();
  var credentials = getUserCredentials();
  var isLogin = checkLoginCredentials(credentials);
  showLoginIndicator(isLogin);
}



function showLoginIndicator(isLoginSuccessful) {
  var goodLogin = document.querySelector(".login-good");
  var badLogin = document.querySelector(".login-bad");
  var adminLogin = document.querySelector(".admin-panel");
  var checkAdmin = isAdmin();
  if (isLoginSuccessful) goodLogin.classList.remove("hide");
  if (checkAdmin) adminLogin.classList.remove("hidden");
  if (!isLoginSuccessful) {
    badLogin.classList.remove("hide");
    return;
  }


}

What I have tried:

using a debugger, stopping propagation.