[코딩애플 cha.10] Javascript_ else if 문법

else if 문법

: "그게아니면 만약에" 라는 뜻으로 A와B를 모두 비교 할 때, A와 B 중 '참'인 답을 출력해 줍니다.

- 예제Code

if (1 == 3) {
  console.log('맞아요1')
} else if (3 == 3){
  console.log('맞아요2')
} else if (4 == 4){
  console.log('맞아요3')
}

else if문의 경우, else 문의 특징도 가지고 있어
조건식이 참이면, 뒤에오는 else if문은 실행하지 않는다.

[오늘의 과제]

1. 전송버튼 누를 때 아이디랑 패스워드 둘 다 공백검사하려면?

2. 전송버튼 누를 때 입력한 비번이 6자 미만이면 알림띄우기

- 과제 Code

HTML

<div class="black-bg">
      <div class="white-bg">
        <h4>로그인하세요</h4>
        <form action="success.html" id="loginForm">
            <div class="my-3">
                <input type="text" id="user" class="form-control">
            </div>
            <div class="my-3">
                <input type="password" id="pwd" class="form-control">
            </div>
            <button type="button" class="btn btn-primary" onclick="loginBox()">전송</button>
            <button type="button" class="btn btn-danger" id="close">닫기</button>
        </form> 
      </div>
    </div> 

JS

function loginBox(){
  if(document.getElementById('user').value == ''){
    alert('아이디입력하세요');
  }else if(document.getElementById('pwd').value == ''){
    alert('비밀번호입력하세요');
  }else if(document.getElementById('pwd').value.length < '6'){
    alert('비밀번호를 6글자 이상으로 작성하기');
  }else{
    document.getElementById('loginForm').submit(); 
  }
 }