티스토리 뷰

Web/JavaScript

javascript 변수

SweetDev 2018. 11. 11. 20:20


자바 스크립트는 웹 페이지 안에서 구성되기 때문에, 먼저 html적 요소들을 만들어 줘야 한다.

<html>

<head>

<meta charset = "utf-8">

<tite>자바스크립트 변수 연습</title>

</head>

<body>

<body>

</html>

이런 형태를 갖춰 주자!



자바스크립트를 웹사이트에서 실행시키려면 두 가지 방식이 있다. 스크립트 태그를 이용하는 방식(인라인을 이용하는 방식) 과 자바스크립트 파일을 따로 만들어서 하는 방식이다. 


우리는 나중에 자바스크립트 파일을 이용하고, 지금은 스크립트 태그를 이용해서 할 것이다!



<html>

    <head>

        <meta charset="utf-8">

        <title>자바스크립트 변수 연습</title>

    </head>

        

    <body>

        

        <div id = "console">

        </div>

        

        <script type = "text/javascript">

        //primitive한 변수들

            var money;

            money = 2000;

            var char;

            char = "park";

            var boolean = false;

            boolean = true;

            

            //complex 한 변수들

            //array

            var a = new Array();

            a[0]="dog";

            a[1]="cat";

            //  array에는 무한한 값들을 넣을 수 있다!

            

            var b = ['dog', 'cat'];

            

            //object(객체 타입)(key-value type)

            

            var obj = new Object();

            obj.name = "Park";

            obj.gender = "man";

            

            var obj2 = {name : "Park", gender : "Man"};a


            document.getElementById('console').innerHTML = obj.gender;

            

            obj.gender + ":" + obj.name

        </script>

    </body>

</html>

    

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
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
글 보관함