localStorage не передает данные

Question

Я пытаюсь использовать localStorage в JavaScript для сохранения информации о пользователях (регистрации, логины и гостевые пользователи).

На данный момент мой полный код находится в https://jsfiddle.net/pxbx7zza/

В настоящее время проблема не в получении информации из формы регистрации (третья слева). Это работает отлично, пока. Настоящая проблема возникает, когда я пытаюсь войти в систему и проверить, находится ли этот пользователь в системе и правильно ли он представил свой пароль. Это просто не работает.

Информация, представленная в форме, идет прямо по ссылке (я предполагаю, что она использует метод "GET"). Чтобы этого не случилось, я использовал этот фрагмент кода:

$("#login").submit(function(e) {
     e.preventDefault();
});

Это, похоже, работает с формой регистрации, но не с формой входа.

Итак, я начал видеть с console.log (), как долго выполнялся код, но также обнаружил, что основная функция выполняется дважды, что довольно странно, когда она делает это только ...

function main (){
    var registo = document.getElementById("submeter");    
    var login_id = document.getElementById("login-botao");
    console.log(login_id);

    if(registo != null) {                   
        registo.addEventListener("click", criar_conta);
        $("#registo").submit(function(e) {
            e.preventDefault();
        });
    } else if(login_id != null) {
        login_id.addEventListener("click", login);
        $("#login").submit(function(e) {
            e.preventDefault();
        });
    }
}
.............................
.............................
.............................
document.addEventListener("DOMContentLoaded", function(event) {main()});