사용자 인터페이스 기능인 alert, prompt, confirm - 사용자와 시스템 간의 상호작용을 가능케 한다.

alert 함수

alert 함수가 실행되면 사용자가 ‘확인(OK)’ 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠 있게 된다.

alert("Hello");

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

‘모달’이란 페이지의 나머지 부분과 상호작용이 불가능하다는 것을 의미한다.

따라서 사용자는 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없다.(확인 버튼을 누르기 전까지)

prompt 함수

prompt 함수가 실행되면 텍스트 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄워준다. 사용자는 프롬프트 대화상자의 입력 필드에 원하는 값을 입력하고 확인을 누를 수 있다. 값을 입력하길 원하지 않는 경우는 취소 버튼을 누르거나 Esc를 눌러 대화상자를 빠져나가면 된다.

result = prompt(title, [default]);

→ 인수를 감싸는 대괄호는 이 매개변수가 선택값이라는 것을 의미한다.

두 개의 인수를 받는다.

title : 사용자에게 보여줄 문자열

default: 입력 필드의 초깃값(선택값)

prompt 함수는 사용자가 입력 필드에 기재한 문자열을 반환한다. 사용자가 입력을 취소한 경우는 null이 반환된다.

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