Final signup 과제에서
let phone1 = document.getElementById('phone1').value;
function ph1() {
if (phone1.length === 3) {
document.getElementById('phone2').focus();
}
}function ph1() {
let phone1 = document.getElementById('phone1').value;
if (phone1.length === 3) {
document.getElementById('phone2').focus();
}
}안녕하세요.
섹션1 final 과제 sign up 진행 중입니다.
핸드폰 번호를 입력하면 포커스를 이동 중에
첫번째 코드블럭 같이 정의한 후 포커스를 이동하려 했더니 되지 않더라고요!
혹시 위의 두 코드 블럭은 다른 코드로 정의되는 것인가요 ?
저는 {} 밖에서 정의를 해 주면 전체 코드에 적용된다고 해서 한번에 phone1,phone2,phone3 을 정의하려고 했거든요!
回答 2
0
안녕하세요! 민갱님!
자바스크립트파일이 실행될 때, 변수, 콘솔 등의 기능이 위에서부터 한 줄씩 자동으로 실행됩니다!
반면에, 함수는 실행 명령이 들어왔을 때 실행된답니다!
따라서, 위 2개의 코드는 다르며, 위 코드 1번에서 ph1() 이라는 함수가 실행될 때마다 아래의 코드는 다시 실행되지 않아요!
let phone1 = document.getElementById('phone1').value;
반면에, 코드가 함수 안에 들어가있는 ph2()의 경우에는, 해당 함수가 실행될 때마다 함수 안에 포함되어 있으므로 매 번 다시 실행된답니다^^
0
추가적으로 ,핸드폰 번호 세번째 칸에서 4 자리 입력 시 '인증 번호 전송' 버튼을 활성화 하는 작업 중입니다.
자바스크립트로 돔 조작 중에
disabled = 'false' 로 바꿔 주는 작업은 왜 버튼 활성화가 안 될까요 ?
js
function ph3() {
let phone3 = document.getElementById('phone3').value;
if (phone3.length === 4) {
document.getElementById('sendBtn').disabled = 'false';
document.getElementById('sendBtn').removeAttribute('disabled'); // 이 코드 줄만 실행 됩니다.
}
}
html
<div class="confirm">
<div>0:00</div>
<button class="send-btn" disabled="true">인증 완료</button>
</div>
<div>0
안녕하세요! 민갱님!
아래의 코드는 모두 버튼을 비활성화 하는 코드입니다.
<button disabled>인증완료</button>
<button disabled="true">인증완료</button>
<button disabled="false">인증완료</button>
<button disabled="사과">인증완료</button>
<button disabled="바나나">인증완료</button>
<button disabled="아무거나">인증완료</button>따라서, "false"라는 문자열이 들어가있다고 활성화 상태로 변경되는 것이 아니며,
disabled라는 속성은 존재 자체가 비활성을 의미하므로, disabled라는 속성 자체를 제거해 주셔야 합니다!
다음을 시도해 보세요!^^
document.getElementById("qqq").removeAttribute("disabled");fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
36
1
댓글 기능 구현 중 질문드립니다.
0
66
1
쿠폰코드 발급
0
132
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
86
2
문의드립니다!! ㅠㅠ
0
101
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
76
2
_app.js 작성 이후로 에러가 발생하네요
0
93
2
학습자료
0
70
2
학습자료가 안열립니다.
0
49
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
59
0
기존강의 구매자, 업데이트 끝인가요?
0
109
3
업데이트 버전 수강
0
88
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
81
1
graphql 접속이 안됩니다.
0
100
2
const, let 사용 질문 드립니다.
0
70
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
80
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
166
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
184
2
2분 44초 질문
0
131
3