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

Posted by JOY [바가지]
TAG

댓글을 달아 주세요

  1. 노루막이 2018.01.24 11:42 신고  댓글주소  수정/삭제  댓글쓰기

    항상 잘보고 있습니다 날씨 추운데 감기조심하세요 ㅎ

  2. 은이c 2018.01.24 12:04 신고  댓글주소  수정/삭제  댓글쓰기

    어제보단 오늘이 더 춥네요
    감기조심하시고 맛난 점심 드세요~~^^

  3. 베짱이 2018.01.24 12:39 신고  댓글주소  수정/삭제  댓글쓰기

    자바스크립트...
    한때 공부했었는데... 가물가물하네요



티스토리 툴바