[JS] 대화상자(alert, prompt, confirm)

alert()

일방적으로 알리는형식으로 사용
확인을 누를때까지 안사라짐

 

prompt

prompt는 사용자에게 값을 입력받을 때 사용

const name = prompt("이름을 입력하세요");
alert("환영합니다, " + name + "님");
alert(`안녕하세요, ${name}님. 환영합니다.`);

그냥 취소를 할 시 name에는 null값이 들어감
prompt에는 기본값을 넣을 수 있음

const name = prompt("예약일을 입력해주세요.", "2020-10-");

 

confirm()

무언가를 확인받을 때 사용

const isAdult = confirm("당신은 성인입니까?");
console.log(isAdult);

alert과 다른점은 확인과 취소버튼이 함께 있음
확인을 누를 시 true 취소를 누를 시 false

단점
1. 스크립트 일시 정지
-창을 닫기 전까지 일시 정지

2. 스타일링 X
위치와 모양을 정할 수 없고 브라우저마다 모양도 조금씩 다름