자바스크립트 prompt 함수 예제

자바스크립트 prompt 함수 예제

 

 

 

자바스크립트 prompt() 함수에 대하여 알아보도록 하겠습니다.

 

prompt() 란

 

prompt 함수는 사용자로부터 입력받은 값을 웹페이지에 반영하기 위해 사용 됩니다.

 - 사용자로부터 한 줄의 입력을 받습니다.

 - 확인 버튼을 클릭하면 사용자가 입력한 값이 반환됩니다.

 - 취소 버튼을 클릭하면 null 값이 반환 됩니다. 

 - 함수 사용 법 : prompt("메시지", "초기값");

 

예 소스

 

<SCRIPT LANGUAGE="JavaScript">

       function join(){
               var input = prompt("이름이 무엇입니까?", "이름을 입력 해 주세요");

              

               if(input == null)

               {

                    alert("가입이 취소 되었습니다.");

               }else{

                    alert(input + "님 가입을 축하 합니다.");

               }

       }
</SCRIPT>

 

<input type="button" value="가입하기" onClick="join()">

 

예 결과

 

가입하기 버튼을 클릭하면 다음과 같은 창이 타나납니다.

메시지와 초기 값으로 설정 한 문구가 표시되는 것을 확인 할 수 있습니다.

 

메시지 내용에 맞게 입력을 하고 확인 버튼을 클릭합니다.

 

그러면 다음과 같은 결과를 확인 할 수 있습니다.

 

만약 취소를 클릭한다면 다음과 같은 결과를 확인 할 수 있습니다.

 

prompt 함수에 대하여 알아보았습니다. 그러나 자바스크립트의 prompt 함수는 사용 해 본 적이 없습니다.