[자바스크립트 기본] 06. alert, prompt, confirm을 이용한 상호작용

 

 

alert 함수는 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 모달 창을 띄운다.

alert('Hello');

 

 

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

title은 사용자에게 보여줄 문자열, default는 입력 필드의 초기값으로 생략할 수 있다([...] 안의 매개변수는 선택값).

prompt(title, [default]);

 

 

prompt 함수는 사용자가 입력 필드에 입력한 문자열을 반환하며, 취소 버튼이나 Esc를 누른 경우 null이 반환된다.

let age = prompt('나이는?', 27);

alert(age);

 

 

IE에서는 입력 필드 초기값을 설정하지 않는 경우 undefined를 명시한다.

IE 외의 브라우저에서도 두 번째 매개변수를 항상 전달하는 것을 권장한다.

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

 

 

confirm 함수는 매개변수로 받은 메시지와 확인 및 취소 버튼이 있는 모달 창을 띄운다.

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

confirm(question);

let isDeveloper = confirm('당신은 개발자입니까?');

alert(isDeveloper);

 

 

 

참고

https://ko.javascript.info/alert-prompt-confirm