인프런 커뮤니티 질문&답변

민갱님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

▶ 이벤트 변경 감지

final signup 과제

해결된 질문

23.06.01 21:13 작성

·

126

0

 

let phone1 = document.getElementById('phone1').value;
function ph1() {
  if (phone1.length === 3) {
    document.getElementById('phone2').focus();
  }
}

 

let phone1 을 상위에 정의 하면 왜 null 값으로 읽히는 걸까요 ?

답변 1

0

노원두님의 프로필 이미지
노원두
지식공유자

2023. 06. 02. 22:11

안녕하세요! 민갱님!

자바스크립트파일이 실행될 때, 변수, 콘솔 등의 기능이 위에서부터 한 줄씩 자동으로 실행됩니다!(함수를 제외하구요!)

따라서, 함수의 밖에 해당 코드가 나와 있으면 자바스크립트가 실행되는 첫 시점(아직 휴대폰 번호를 입력하지 않은 시점)에 자동으로 해당 코드가 실행되기 때문에, 아직 입력하지도 않은 값을 가져올 수 없겠죠?!^^

민갱님의 프로필 이미지

작성한 질문수

질문하기