[JS] 자바스크립트 대화상자창 - Alert, Confirm, Prompt

 

 

JavaScript(자바스크립트)에서 대화상자로 사용되는 함수들은 많이 있습니다. Alert, Confirm, Prompt 세 가지가 있고 새롭게 Popup 창을 띄우는 형태로써는 모두 같지만 각각 함수마다 역할이 다르며 함수 사용방법이 다릅니다.

 

자바스크립트 Alert() 함수

자바스크립트의 Alert() 함수는 단순하게 메시지만을 전달하는 함수이며 사용된 후에 반환되는 값은 없습니다. 대부분 사용자에게 경고하는 내용이나 중요한 내용을 전달할 때 사용되는 함수입니다. 대화상자 Popup 창중에 가장 기본적이며 많이 사용되는 함수입니다.

 

alert("Hello World");

 

 

자바스크립트 Confirm() 함수

자바스크립트의 Confirm() 함수는 Alert() 함수와는 다르게 변수에 참/거짓을 저장한 후에 반환하는 함수로써 사용자의 결과에 따라서 Popup 창을 반환하는 함수입니다.

 

var result = confirm("안녕하십니까?");

if(result){
  alert("네");
}else{
  alert("아니요");
}

 

 

자바스크립트 Prompt() 함수

자바스크립트의 Prompt() 함수는 사용자의 입력값을 받아서 입력 값을 받는 함수입니다. 사용자에게 입력이 가능한 Popup 창을 띄워주는 함수입니다. 입력한 값을 받아서 관련된 Data를 변경하여 반환이 가능합니다. 만약에 사용자가 취소 버튼을 클릭하게 되면 Null을 반환하게 됩니다.

 

var result = prompt("이름을 입력하시오?","");

alert(result);