JavaScript_STUDY/JavaScript14.html at master · CreativePersonDW/JavaScript_STUDY · GitHub

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
<html lang="ko">

<head>
    <title>캡슐화와 상속</title>
    <style>
        .area {
            background: lightgray;
            border: 1px solid black;
            height: 150px;
        }
    </style>
</head>

<body>
    <h1>캡슐화와 상속</h1>
    <h3>캡슐화</h3>
    <button onclick="test1();">실행확인</button>
    <div id="area1" class="area"></div>
    <script>
        // 생성자 함수
        function GirlGroup(omg, mc, m) {
            var groupName = omg;
            var memberCount = mc;
            var members = m;


            this.getGroupName = function () {
                return groupName;
            }
            this.getMemberCount = function () {
                return memberCount;
            }

            this.getmembers = function () {
                return members;
            }

            this.setGroupName = function (omg) {
                this.groupName = omg;
            }

            this.setMemberCount = function (mc) {
                this.memberCount = mc;
            }

            this.setmembers = function (m) {
                this.members = m;
            }

        }

        function test1() {
            var omg = '오마이걸';
            var mc = 7;
            var m = ['효정', '미미', '유아', '승희', '지호', '비니', '아린'];

            var ohmygirl = new GirlGroup(omg, mc, m);
            console.log(ohmygirl);
            console.log(ohmygirl.getMemberCount());

            var arr = [];
            arr.push(ohmygirl);

            var area1 = document.getElementById("area1");
            for(var i in arr){
                area1.innerHTML += "걸그룹 이름 : " + arr[i].getGroupName() + "<br>" +
                                   "걸그룹 수 : " + arr[i].getMemberCount() + "<br>" +
                                   "걸그룹 멤버 이름 : " + arr[i].getmembers();
            }
        }

    </script>


</body>

</html>