if/else 조건문 질문 있습니다.

[애플]

// $('.btn').click(function() {
 if($('#test-input').val() == '안녕') {
 $('.black-background').fadeIn();
 }
 }); //

if($('#test-input').val() == '안녕') {
$('.btn').click(function() {
$('.black-background').fadeIn();
});
}

 

주석 처리한 부분이 선생님 코드고

하단부가 제가 작성한 코드인데

왜 저렇게 작성하면 작동을 안 할까요?

혹시 문법적으로 오류가 있나요? 

 

if (test-input값이 '안녕'이면) {

btn을 클릭했을 때 black-background를 fadeIn해줘 }

논리상으로는 맞는 것 같은데 답답한 마음에 질문 남깁니다!

 

[codingapple]

자바스크립트 실행되는 시점의 문제입니다

<script> 안에 있는 내용은 페이지 로드시 한번 쭉 실행해줍니다 

 

둘째 코드는 만약에 $('#test-input').val() == '안녕' 이게 맞으면 버튼에 이벤트리스너 달아주세요 라는 뜻입니다 

근데 사이트 처음 딱 들어갔을 때 읽고 지나갈 때 $('#test-input').val() 이게 '안녕' 일리가 없기 때문에 

if 안의 내용은 영영 실행되지 않는 것입니다 

 

[애플]

감사합니다 선생님! 명쾌하게 이해되었습니다!!

[글쓴이]

글