alert, prompt, confirm

 

 

alert, prompt, confirm = 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능

 

alert

: 사용자가 확인 버튼을 누를때까지 메세지를 보여주는 창이다

메세지가 있는 작은 창은 모달 창(modal window)라고 부른다

 

prompt

: 텍스트 메세지와 입력 필드(input field), 확인 및 취소 버튼이 있는 모달 창을 띄워준다

prompt함수는 두개의 인수를 받는다

 

사용자가 prompt의 입력 상자에 원하는 값을 입력하고 확인을 누르면 사용자가 입력한 값이 출력된다

값을 입력하길 원하지 않는 경우는 취소버튼을 누르거나 ESC을 눌러 대화상자를 빠져나갈 수 있다

사용자가 입력을 취소한 경우는 null이 반환된다

// 문법
result = prompt(title, [default]);

// title = 사용자에게 보여줄 문자열
//default = 입력필드 초기값(선택값)
//default를 감싸는 대괄호는 이 매개변수가 필수가 아닌 선택값이라는 것을 의미한다

// 예시
let age = prompt('나이를 입력해주세요'), 100);
alert(`당신의 나이는 ${age}살 입니다.`);

 

confirm

: 매개변수로 받은 질문과 확인 및 취소 버튼이 있는 모달 창을 보여준다

사용자가 확인버튼을 누르면 true, 그 외의 경우엔 false를 반환한다

 

// 문법
result = confirm(question);

// 예시
let isBoss =  confirm("당신이 주인인가요?");
alert( isBoss ); //확인 버튼을 눌렀다면 true가 출력된다