hjelp øving 5

console.log("Script loaded!")

var username="";
var password="";
var usernameBool=false;
var passwordBool=false;
var users = [];
var userContainer = document.getElementById('users');

function validate() {
  console.log("It works!");
  // Ikke bra "in the long run", men fungerer her!
  username = document.forms["hebipForm"][5];
  password = document.forms["hebipForm"][6];

  usernameBool = (username.value.length < 3 || (/^[ÆæØøÅå\?\!\.\,\_\-]+$/.test(username.value)));
  passwordBool = (password.value.length < 3 || password.value.indexOf("123") > -1 || password.value.indexOf("abc") > -1);

  if(usernameBool || passwordBool) {
    alert("Du har ikke fulgt kravene til brukernavn eller passord!");
    if(usernameBool) { username.style = "color: red;"; }
    if(passwordBool) { password.style = "color: red;"; }
  }
  else if(users.indexOf(username.value) > -1) {
    alert("Det brukernavnet er allerede i bruk!");
    username.style = "color: red;";
  }
  else {
    alert("Bruker " + username.value + " er opprettet!");
    users.push(username.value);
    printUsers();
    reset();
  }

}

function reset() {
  console.log("Resetting...");
  var formArray = document.forms["hebipForm"].getElementsByTagName('input');
  for(var i = 0; i < formArray.length - 1; i++) {
    if(i.type != "button") {
      i.value = "";
    }
  }
}

function printUsers() {
  userContainer.innerHTML = "";
  for(var i = 0; i < users.length - 1; ++i) {
      userContainer.innerHTML += (users[i] + "<br>");
  }
}