본문 바로가기
JavaScript

자바스크립트 기본 -2

by avvin 2019. 5. 28.

자바스크립트 기본 -2


사용자 입력받기 : prompt


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


: 사용자 입력 받을 수 있다.


alert( prompt('당신의 나이는?') * 2 )


-당신의 나이는? : 20 입력 > 확인

-알림창 : 40


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
    <title></title>
</head>
<body>
 
    <script>
    var id =prompt('아이디를 입력해주세요.');
    
    if(id == 'egoing'){        
 
        var password = prompt('비밀번호를 입력해주세요.');
 
        if(password == '111111'){
 
            altert('로그인 하셨습니다.' + id + '님 반갑습니다.')
 
        } else {
 
            alert('패스워드가 일치하지 않습니다.')
 
        } 
    }else {
        
        alert('아이디가 일치하지 않습니다.')    
    }
    </script>
 
</body>
</html>5
cs


자바스크립트 코드로 html 코드 생성

document.write('     ');

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
    <title></title>
</head>
<body>
Hello world; <br />
<script type="text/javascript">
    document.write('Hello World! <br />');
</script>
</body>
</html>5
cs



조건문 / boolean

if(''){alert('빈 문자열')};                 // false로 간주

if('egoing'){alert('문자열')};              // true

( undefined : 값을 할당하지 않음 )

if(undifined){alert('undefined')};         //false로 간주

if(null){alert('! undefined')};            //false로 간주

if(!undifined){alert('! undefined')};      //false의 부정이므로 true


if(!null){alert('! undefined')};           //false의 부정이므로 true


var a;

if(!a){alert('! undefined')};              //false의 부정이므로 true




반복문 ( loop / iterate )


1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
    var go = 1;
    while(go){
        document.write('Hello World! <br />');
        go = 0;
    }
</script>
</body>
</html>
cs



반복문 안에서 break;는 반복문 탈출, continue;는 멈추고 반복문 첫단계부터 다시 실행


(자바스크립트에도 i++ / ++i  사용)



'JavaScript' 카테고리의 다른 글

javaScript - Ajax  (0) 2019.05.29
자바스크립트 기본 -3  (0) 2019.05.29
Sublime Text 코드 자동 정렬 단축키 설정하기  (0) 2019.05.28
자바스크립트 기본 -1  (0) 2019.05.23
자바스크립트 인강 / 학습계획  (0) 2019.05.21