210403 JavaScript 연습

ITisIT210·2021년 4월 3일

JavaScript

목록 보기
17/18
post-thumbnail
<!DOCTYPE html>
<html lang="en">
    <head>
            <meta charset="UTF-8">
            <title>Document</title>
    </head>
    <boby>
        <script>
            var abc = 123;  //숫자형 데이터
            var str = "String";//문자형 데이터
            var bool = true;    //논리형 데이터
            var non; //undefined
            var non2 = null; //빈 값

            // === : 일치 연산자, 데이터 타입과 값이 같아야 하는 연산자

            /*
                if(조건식1) { 
                    //코드블럭
                    조건식1이 참일 경우
                } else if (조건식2) {
                    조건식2가  참일 경우
                } else {

                }

                if(조건식1) { 
                    //코드블럭
                    조건식1이 참일 경우
                }
                if (조건식2) {
                    조건식2가  참일 경우
                }

                switch(표현식) {
                    case 표현식1 : fdfdf;
                    break;
                    defalut : cbhjd;
                }
            */
            var i = 0;
            for(i = 1; i < 101; i++) {
                document.write(`<h1> 안녕하세요</h1>
                ${i}.홍길동;
                `);
            }

            //배열은 서로 연관된 데이터를 선언
            var arr = ["바나나", "사과", "파인애플"];
            console.log(arr[0]);

            var obj = { //객체는 배열과 다르게 각각의 데이터에 이름을 달아서 호출
                name : "myFirstObject", //라벨
                date : "2021-04-03" //라벨
            }
            console.log(obj.name);

            //함수의 장점 : 코드 재사용
            function calc(a, b) { //함수는 기능을 저장하는 공간
                console.log(a+b);
            }
            calc(10, 20);
            calc(50, 30);
        </script>
    </boby>
    </html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글