JavaScript 2.6

alert, prompt, confirm을 이용한 상호 작용

alert

• 이 함수가 실행되면 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 된다.
• 메시지가 있는 작은 창은 모달 창이라고 부른다.

prompt

• 브라우저에서 제공하는 prompt 함수는 두개의 인수를 받는다.

result = prompt(title, [default]);

• 함수가 실행되면 텍스트 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄운다.

• title 은 사용자에게 보여줄 문자열이고 default는 입력 필드의 초깃값이다.

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

• 사용자가 입력을 취소한 경우에는 null 이 반환된다.
• 프롬프트 함수의 두번째 매개변수는 선택사항이지만 IE에선 undefined를 입력 필드에 명시한다.
  • 그러므로 모든 사용자에게 깔끔한 프롬프트를 보여주려면 두번째 매개변수를 항상 전달하는 것이 좋다.

let test = prompt("Test", ''); // <-- IE 사용자를 위한 매개변수 처리

컨펌 대화상자

• confirm 함수는 매개변수로 받은 question과 확인 및 취소 버튼이 있는 모달 창을 보여준다.
  • 사용자가 확인 버튼을 누르면 true, 그 외의 경우에는 false를 반환한다.