JavaScript

자바스크립트 (JavaScript) - 11 : 입력 (prompt(), confirm() 함수)

n.han 2016. 7. 18. 16:02

- 입력

 

1) prompt() 함수

 

prompt()는 문자열을 사용자로부터 입력 받을 때 사용하는 함수이다. prompt() syntax는 다음과 같다.

 

String prompt ([String message], [String defaultValue])

 

첫 번째 매개변수는 스크립트 프롬프트에 출력되는 메시지며, 두 번째 매개변수는 사용자가 입력을 하지 않았을 때

 

기본으로 입력되는 메시지이다. 다음은 사용자로부터 나이를 입력하는 prompt( ) 함수이다.

 

두 번째 매개변수를 20, number로 지정했지만, 웹에서 읽어오는 기본 데이터 타입은 string이기 때문에 string 20 return된다.

 

<!DOCTYPE html>

<html>

        <head>

               <title>prompt</title>

               <meta charset="UTF-8">       

               <script>

                       var input = prompt('나이를 입력하세요.', 20);

                       alert(input);

                       alert(typeof input);

               </script>

        </head>

<body>

</body>

</html>

alert 출력 결과 : (default 입력으로 진행 )

20

string

 

2) confirm() 함수


confirm() 함수는 사용자에게 boolean을 입력 받을 때 사용하는 함수이다.

 

다음은 confirm()함수를 사용하여 사용자에게 확인을 요구하는 창을 만든 예제이다.

 

<!DOCTYPE html>

<html>

        <head>

               <title></title>

               <meta charset="UTF-8">       

               <script>

                       var input = confirm('수락하시겠습니까?');

                       alert(input);

               </script>

        </head>

<body>

</body>

</html>

 

실제 웹 어플리케이션에서는 alert(), prompt(), confirm()과 같이 웹 페이지 위에 새로운 창을 뛰우는 행동을 가급적 지양한다.