본문 바로가기

Web/Java Script

자바 스크립트 기본 실습 (변수 선언, 함수 선언, 내장함수)

 

1. 변수 선언

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>자바 스크립트 기본 : 변수선언</title>

        <script type="text/javascript">

               var str1 = "Hello World";

               var number1 = 123;

               var boolean1 = true;

              

               document.write(str1 + "<br />");

               document.write(number1 + "<br />");

               document.write(boolean1 + "<br />");

        </script>     

</head>

<body>

 

</body>

</html>

 

 

출력물

 

 

 

 


 

2. 함수

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>자바 스크립트 : 함수</title>

        <script type="text/javascript">

               //함수의 선언

               function func1(){

                       document.write("Hello World<br />");

               }

              

               function func2(data1){

                       document.write("data1 : " + data1 + "<br />");

               }

              

               function func3(data1, data2){

                       var sum = data1 + data2;

                       return sum;

               }

              

               //함수의 호출

               func1();

               func1();

               func2(2);

               func2("문자");

              

               document.write("결과 : " + func3(10,20) + "<br />");

               document.write("결과 : " + func3(10,"20") + "<br />");

        </script>

 

</head>

<body>

 

</body>

</html>

 

 

출력물

 

 

 

 

 


 

3. 내장함수

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>자바 스크립트 : 내장함수</title>

        <script type="text/javascript">

               //alert("Hello World");

               window.alert("Hello World");  //정식명칭

              

               //confirm 확인,취소 값을 받기 위해 변수선언

               var result = confirm("Hello World");

               document.write("결과 : " + result + "<br />");

              

               //eval

               var str = "2+3";

               document.write(str + "<br />");

               document.write(eval(str) + "<br />");

              

        </script>

</head>

<body>

 

</body>

</html>

 

 

 

출력물