티스토리 뷰

코딩 공부/생활 코딩

생활 코딩 - 조건문

찬찬잉 2021. 8. 15. 22:42

조건문 

 

조건문은 if로 시작한다.

 

 

if ( ); 값은 하나만 올 수 있다.

 

if(true){
alert('result : true');
}
if(false){
alert('result : true');
}
if(true){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);

1~5번까지 출력

 

if 만으론 조건문을 제대로 작성할 수 없기에 부가된 기능들

 

else 

 

예제 1 ) 참이라면 1, 거짓이라면 2  / 예제 2) 참이라면 1, 거짓일 경우2 

if(true){
    alert(1);
} else {
    alert(2);
}
if(false){
    alert(1);
} else {
    alert(2);
}

else if

출력 값 2

if(false){
        alert(1);
} else if(true){ //앞에서 실행되지 않았을때
        alert(2);
} else if(true){
        alert(3);
} else {
        alert(4);
}

출력 값 3

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

promprt('당신의 나이는?');

=> 당신의 나이는?

입력값을 받을 수 있다. (promprt 명령어)

 

alert(promprt('당신의 나이는?')*2); : 나이에 x2 한것을 나타냄

 

<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        id = prompt('아이디를 입력해주세요.')
        if(id=='egoing'){
            alert('아이디가 일치합니다.')
        }else{
            alert('아이디가 일치하지 않습니다.')
        }
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="ko">


<head>
    <title>Document</title>
</head>


<body>
    <script type="text/javascript">
        id = prompt('아이디를 입력해주세요.');
        if(id=='egoing'){
            var password = prompt('비밀번호를 입력해주세요');
            if(password == '111111'){
                alert('로그인 하셨습니다.')
            } else {
                alert('비밀번호가 다릅니다.')
            }
            alert('아이디가 일치합니다.');
        }else{
            alert('아이디가 일치하지 않습니다.');
        }
    </script>
</body>


</html>

논리 연산자 && 둘다 트루일때

if(true && true){
    alert(1);
}
if(true && false){
    alert(2);
}
if(false && true){
    alert(3);
}
if(false && false){
    alert(4);
}
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        var id = prompt('아이디를 입력해주세요.');
        var password = prompt('비밀번호를 입력해주세요');
        if(id=='egoing' && password === '111111'){
                alert('로그인 하셨습니다.'+id+'님 반갑습니다.')
        }else{
            alert('아이디가 일치하지 않습니다.');
        }
    </script>
</body>

</html>

 여러개의 블린을 조합해서 하나의 블린으로 조합시킬 수 있다.

 

or 연산자 ||

 

둘중하나가 참이면 실행된다.

<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        id = prompt('아이디를 입력해주세요.');
        if (id === 'egoing' || id === 'k8805' || id === 'sorialgi') {
            alert('인증 했습니다.');
        } else {
            alert('인증에 실패 했습니다.');
        }
    </script>
</body>

</html>

! not의 의미고 트루값을 역전시킴

 

boolean의 대체제

 

if(0){

    alert(1)

}

if(1){ //숫자 1은 true

    alert(2)

}   //절대 쓰지말것 true 써야함

 

if(' '){alert('빈문자열');} 빈문자열은 자바스크립트에선 펄스

 

var (!a); 출력 x

 

if(!null){ 출력 o ! 바꿔줘서

alert('null');

 

'코딩 공부 > 생활 코딩' 카테고리의 다른 글

생활 코딩 - 함수  (0) 2021.08.16
생활 코딩 - 반복문  (0) 2021.08.16
생활 코딩 - 비교  (0) 2021.08.15
생활 코딩 - 줄바꿈과 여백  (0) 2021.08.15
생활 코딩 - 주석  (1) 2021.08.15

UP NEXT : 코딩 공부/생활 코딩

댓글
© 2022 chanchaning