localStorage 덮어 쓰기/innerHTML 오류

Question

14 번째 줄과 28 번째 줄에서는 label 태그의 텍스트가 변경되지 않고 recorForm 또는 loginSetup에서 데이터를 덮어 씁니다.
.key을 사용하여 루프를 시도했지만 잘못 저장된 결과가 출력되었고 내가 잘못했는지 확실하지 않습니다.
그래서 나는 이것을 남겨두고있다. 라벨의 innHTML이 변경되지 않습니다 이유를 알고 싶은 무엇
이다. (나는 가정이로드로 인해입니다)

window.onload = alert('Window Loaded'); 

    function recordForm() { 
     var userMail = document.getElementById('email').value; 
     var userPass = document.getElementById('password').value; 
     var confirm = document.getElementById('confirmation').value; 
     var text = document.getElemetsByClassName('errorText'); 

     //Check that the email is not taken and confirm validation 
     if ((userPass === confirm)) { 
     localStorage.setItem('emailz', userMail.value); 
     localStorage.setItem('passwordz', userPass.value); 
     } else { 
     text.innerHTML = 'Password does not match!'; //line 14 
     } 
    } 

    function loginSetup() { 
     var mail = localStorage.getItem('emailz'); 
     var pass = localStorage.getItem('passwordz'); 
     var mailInput = document.getElementById('logEmail').value; 
     var passInput = document.getElementById('logPassword').value; 

     if ((mailInput === mail) && (passInput === pass)) { 
     alert(mail); 
     alert(pass); 
     } else { 
       text.innerHTML = 'Invalid login'; //line 28 
     alert('no dice'); 
     alert(mail); 
     alert(pass); 
     } 
    } 

Answer 1

당신은 userMail.value 및 userPass.value를 저장하기 위해 시도해야합니다. 마침내

var text = document.getElemetsByClassName('errorText'); //Misstyped and no index.. wont work 

var text = document.getElementsByClassName('errorText')[0]; //Should work 
var text = document.querySelector('.errorText'); //Would prefer that one 

을 기능에 : 그래서 당신이 (assumably) 그것의 첫 번째 항목을 선택하려면,

var userMail = document.getElementById('email').value; //Those are values already 
var userPass = document.getElementById('password').value; //Those are values already 

if ((userPass === confirm)) { 
     localStorage.setItem('emailz', userMail); //Remove the .value 
     localStorage.setItem('passwordz', userPass); //Remove the .value 
} 

또한 getEleme N이 tsByClassName이 컬렉션을 반환 : 둘 다 아직 이미 값입니다 loginSetup() 텍스트를 다시 정의해야합니다 :