<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>함수</h1>
    <script>
        // var sum = '합계';

        function send() {
            alert('경고');
        }

        // send();

        var a = 10;
        var b = 20; // 지역변수
        
        
        var total = add(a,b);
        document.write(total);

        function add(x,y) {
            var sum = x + y; // 지역변수
            return sum;
        }
        </script>

        <h2>Object 객체</h2>
        <script>
            // 객체 = 변수 + 함수
            /*
                객체를 생성하는 방법

                1. var obj = new Object();
                2. var obj = {};
                
            */

            // var baby = {};
            // baby.age = "2살";
            // baby.sex = "남자";
            // baby.birthday = "5월 1일";

            var baby = {
                age : '2살',
                sex : '남자',
                birthday : '5월1일',
                getAge : getAge
            };

            function getAge() {
                return this.age;
            }
            var age = baby.getAge();

            // document.write(baby.age);
            document.write(age);



        </script>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>반복문</h2>
    <script>
        // var i = 2;
        // document.write(i + '<br/>');
        // i = i + 2;
        // document.write(i + '<br>');
        // i = i + 2;
        // document.write(i + '<br>');
        // i = i + 2;
        // document.write(i + '<br>');
        // i = i + 2;
        // document.write(i + '<br>');
        // i += 2;
        // document.write(i + '<br>');

        for (var i = 2; i <= 12; i+=2) {
            document.write(i + '<br>');
        }

        for(var i = 10; i >=0 ; i--) {
            document.write(i + '<br>');
        }

        var i = 2;
        while(i <= 12) {
            document.write(i + '<br>');
            i += 2;
        }

        var i = 1;
        while(i <= 9) {
            document.write("3 x " + i + " = " + 3*i + '<br>');
            i++;
        }

        for (let i = 1; i<= 9; i++) {
            document.write("3 x " + i + " = " + 3*i + '<br>');
            if(i==6) break;
        }
    </script>
    
</body>
</html>

 

+ Recent posts