JavaScript 간단하게 브라우저와의 상호작용하기 : alert, prompt, confirm

아래의 함수들을 실행할 경우 메시지가 있는 작은 창을 띄워주는데, 이를 모달 창(modal window)이라고 부른다.

'모달'이란 단어엔 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어 있다.

따라서 사용자는 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없다.

이는 모달 창이 떠있는 동안은 스크립트의 실행이 일시 중단되기 때문이므로,

사용자가 창을 닫기 전까진 나머지 페이지와 상호 작용이 불가능해진다.

또한 모달 창의 설정은 브라우저가 정하는 것으로

개발자가 모달 창의 위치와 모양을 수정할 수 없다.

alert

- 메시지를 보여준다.

- 확인 버튼만을 제공합니다.

ex) alert('Hello');

 

promt

- 텍스트를 입력받을 수 있는 모달 창을 보여준다.

- 확인과 취소버튼을 제공한다.

- 확인 버튼을 누르면 텍스트박스의 값을 반환한다.

- esc키 또는 취소 버튼을 누르면 null을 반환한다.

ex) let age = promt('How old are you?',''); // 두 번째 매개변수는 텍스트박스의 초기값을 넣어준다.

     //두 번째 매개변수는 생략가능하지만 이 매개변수가 없을 경우 IE에서는 'undefined'를 반환한다.

     alert(`you are ${age} years old`);

confirm

- 확인과 취소버튼을 제공하는 모달 창을 보여준다.

- 확인 버튼을 누르면 true를 그 외의 경우는 false를 반환한다.

ex) let isHuman = confirm('Are you human?')