함수 (Function)

728x90

728x170

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

<!-- 함수 예제1 -->
<script type="text/javascript">
    var i=0;
    function myFnc(){
        i++;
        document.write("hello"+i, "<br />");
    }
    myFnc();
 
    var theFnc=function(){
        i++;
        document.write("bye"+i, "<br />");
    }
 
    theFnc();
</script>
 
<!-- 함수 예제2 -->
<script type="text/javascript">
    var color=["white","yellow","aqua","purple"];
 
    var i=0;
 
    function colorBg(){
        i++;
        if(i>=color.length) i=0;
 
        var bodyTag=document.getElementsByTagName("body")[0];
        bodyTag.style.backgroundColor=color[i];
    }
</script>
</head>
<body>
    <button onclick="colorBg();">배경색 바꾸기</button>
</body>
</html>
 
 
 
<!-- 함수 예제3 -->
<script type="text/javascript">
    function myFnc(name, area) { // 매개 변수가 있는 함수
        document.write("안녕하세요. "+name+"입니다.", "<br />");
        document.write("사는곳은. "+area+"입니다.", "<br /><br />");
    }
 
    myFnc("홍길동","서울");
    myFnc("김부자","부산");
</script>
 
<!-- 함수 예제4 -->
<script type="text/javascript">
    function login(id, pw){
        if(id=="hanguk"){
            if(pw=="1234") {
                document.write(id+"님 방문을 환영합니다.");
            }
            else {
                alert("잘못된 비밀번호입니다.")
            }
        }
        else {
            alert("존재하지 않는 아이디입니다.");
        }
    }
 
    var user_id=prompt("아이디를 입력하세요.","");
    var user_pw=prompt("패스워드를 입력하세요.","");
    
    login(user_id, user_pw);
</script>
 
<!-- 함수 예제5 -->
<script type="text/javascript">
    function myFnc(a, b){
        var num=a*b;
        return num;
    }
 
    var result=myFnc(10,3);
 
    document.write(result);
</script>
 
<!-- 함수 예제6 -->
<script type="text/javascript">
    function myFnc(){
        document.write("hello");
        return;     // 강제 종료
        document.write("javascript");
    }
 
    myFnc();
</script>
 
<!-- 함수 예제7 -->
<script type="text/javascript">
    var num=0;
    function testFnc(){
        num++;
        document.write(num, "<br />");
        if(num==10) return;
 
        testFnc();      // 재귀 함수 호출
    }
 
    testFnc();
</script>
 
<!-- 함수 예제8 -->
<script type="text/javascript">
    var num=200;        // 전역 변수
    function myFnc(){
        var num=500;    // 지역 변수
    }
 
    myFnc();
 
    document.write(num);
</script>
Colored by Color Scripter

cs

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)

728x90

그리드형(광고전용)

저작자표시

'Source Code > JavaScript' 카테고리의 다른 글

this를 사용한 이벤트 (0)	2017.05.21
이벤트 등록 메서드가 브라우저별로 서로 다르게 실행되도록 하기 (0)	2017.05.21
이벤트 (Event) (0)	2017.05.21
함수를 사용하여 사진 갤러리 만들기 (0)	2017.05.21
문서 객체 모델을 사용하여 자동차 견적 미리보기 페이지 만들기 (0)	2017.05.21
폼 요소 선택자 (0)	2017.05.21
문서 객체에 이벤트 핸들러 적용 (0)	2017.05.21
선택자 호환성 문제 해결 (0)	2017.05.21