alert, prompt, confirm

브라우저에서 사용할 수 있는 인터페이스 기능 3가지

 

alert("...")

- OK 버튼 누를 때 까지 보여지는 모달 창을 표시

 

prompt(a, b)

result = prompt(title, [default]); // [...] 는 선택값이라는 의미.

- 함수 실행 시 title (유저에게 보여주는 문자열), default (입력 필드의 초기값) 가 뜬다.

- 텍스트 메시지, 입력 필드, OK, Cancel 버튼이 있는 모달 창을 표시.

- 사용자가 입력하지 않고 Cancel 을 누르면 null 이 반환 됨.

- 사용자가 입력 필드에 입력한 문자열을 반환함.

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

- 두 번째 인자는 선택값이지만, IE 는 매개변수가 없는 경우 undefined 를 명시하게 된다.

- 따라서 IE 에서 깔끔하게 보여주려면 prompt("Test", ''); 이렇게라도 넘겨주는걸 권장한다.

 

confirm(...)

- 매개변수로 받은 값, OK, Cancel 버튼이 있는 모달 창을 표시

- 사용자가 OK를 누르면 true, Cancel을 누르면 false 를 반환함.

let isBoss = confirm("당신이 주인인가요?");

alert( isBoss ); // 확인 버튼을 눌렀다면 true가 출력됩니다.