자바스크립트 질문입니다.

Question

비밀번호 길이를 검증하려고 하는데요. pw.length<8 로 했는데 8글자 이상으로 입력을해도 alert가 실행이 됩니다.(아래 코드)const form &#61; document.getElementById(&#34;regist_form&#34;); const pw &#61; document.getElementById(&#34;password&#34;).value; form.addEventListener('submit', function(event){ event.preventDefault(); }) function regist(){ console.log(&#34;1&#34;); if(pw.length<8){ console.log(&#34;2&#34;); alert(&#34;비밀번호의 길이는 최소 8글자로 해주세요.&#34;); } console.log(&#34;3&#34;); }그런데 이렇게 수정하면 또 되는데 대체 무슨 이유인지를 모르겠습니다.&#61;> 수정 코드const form &#61; document.getElementById(&#34;regist_form&#34;); const pw &#61; document.getElementById(&#34;password&#34;); form.addEventListener('submit', function(event){ event.preventDefault(); }) function regist(){ console.log(&#34;hi1&#34;); if(pw.value.length<8){ console.log(&#34;hi2&#34;); alert(&#34;비밀번호의 길이는 최소 8글자로 해주세요.&#34;); } console.log(&#34;hi3&#34;); }const pw &#61; document.getElementById(&#34;password&#34;).value 로 하는거나 pw.value.length로 하는거나 똑같은거 아닌가요?

고수가될거야 · Answer

변수가 생성되는 시점에서의 value를 변수에 담기 때문입니다아래와 같이 변경하면 문제가 없겠습니다function regist(){ const pw &#61; document.getElementById(&#34;password&#34;).value; console.log(&#34;hi1&#34;); if(pw.length<8){ console.log(&#34;hi2&#34;); alert(&#34;비밀번호의 길이는 최소 8글자로 해주세요.&#34;); } console.log(&#34;hi3&#34;); }

자바스크립트 질문입니다.

1개의 답변

Q&A 목록