[Javascript] alert() / confirm() / prompt()에 관해서

alert() 또는 window.alert()

확인 버튼을 가지며 메시지를 지정할 수 있는 경고 대화 상자를 띄움.

window.alert("반갑습니다.");

 

 

모달 창으로 대화 상자가 닫힐 때까지 사용자가 프로그램 인터페이스의 나머지 부분에 액세스하는 것을 방지.

 

추가설명) 

• 모달(Modal): 대화상자(dialog)가 실행될 떄 제어권을 독점하게 되어, 대화 상자가 종료되기 전까지는 기존 화면을 제어할 수 없는 방식
• 모달리스(Modeless): 모달과 반대되는 개념으로, 대화 상자(dialog)가 실행되더라도 기존 화면을 제어할 수 있는 방식

 

 

confirm() 또는 window.confirm()

사용자에게 확인과 취소, 두 버튼을 보여주며 메시지를 지정할 수 있는 모달 대화 상자를 띄움.

반환 값으로는 확인(true) 또는 취소(false) 중 사용자가 선택한 값

 

if ( confirm( "확인창입니다.") ) {
    console.log ("확인 선택");
} else {
    console.log ("취소 선택");
}

 

확인 선택시 → console 출력

 

취소 선택시 → console 출력

 

 

prompt() 또는 window.prompt()

사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메시지를 보여주는 대화 상자를 뛰움.

prompt(message, default);

• messge: 사용자에게 표시할 문자열, 없으면 생략 가능
• default: 사용자에게 기본값으로 보여줄 문자열, 없으면 생략 가능 

 

let question1 = prompt("당신의 직업은 무엇입니까?", "백엔드 개발자");

if(question1 == "백엔드 개발자") {
    alert("와! 저도요!");
}

 

기본으로 입력되어 있는 "백엔드 개발자"가 출력되며,

 

확인 선택시 → console 출력

사용자가 확인 버튼을 누르면 입력부의 문자열을 반환하며, 

만약 아무것도 입력하지 않고 확인 버튼을 누르면 빈 문자열을 반환.  취소 버튼을 누르면 null을 반환.