alert, prompt, confirm 함수

• 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능, 모달 창(modal window)을 띄움
• 모달 창이 떠 있는 동안은 스크립트의 실행이 일시 중단됨
• 사용자가 창을 닫기 전까진 나머지 페이지와 상호 작용이 불가능
• 창의 모양을 수정할 수 없음

alert

• 알림창, 경고창
• 확인 버튼
• alert를 호출하면 undefined가 반환됩니다. alert는 단순히 얼럿 창에 메시지만 띄워주고, 의미 있는 값을 반환해 주지 않습니다.

<script>
alert("Hello");
</script>

---

prompt

• 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달 창을 띄움
• 초기값은 생략 가능
• 사용자가 입력 필드에 기재한 문자열을 반환
• 프롬프트 창에 아무것도 입력하지 않으면 빈 문자열인 ' '가, ESC를 누르면 null이 반환됩니다.

<script>
prompt('사용자에게 보여줄 문자열', [입력 필드의 초기값]);
</script>

---

confirm

• 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 띄움
• 사용자가 확인 버튼을 누르면 true, 그 외의 경우는 false를 반환

<script>
confirm(`question`);
</script>

---

예시

• 사용자에게 이름을 물어보고, 입력받은 이름을 그대로 출력해주는 페이지를 만들어 보세요.

<script>
let userName = prompt("이름을 입력해 주세요.", `이곳에 입력`); // 초기값 생략 가능
alert(`당신의 이름은 ${userName}입니다.`);
</script>