[자바스크립트] alert, prompt, confirm

03. alert, prompt, confirm

 

✅ alert : 메세지 창을 띄우고 사용자가 확인을 누를 때까지 계속 떠있다.

alert("Hello");

 

✅ prompt : 사용자들에게 어떤 값을 입력 받을 때 사용함

result = prompt(title, [default]);

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

- default를 설정할 수 있으며, 2개의 인수를 받을 수 있다.(설명글, default값)

- prompt로 입력 받은 값은 무조건 문자형이다.

 

✅ confirm : 확인 받을 때 사용하며, alert와 다른 점은  취소도 함께 있다.

let isBoss = confirm("당신이 주인인가요?");

alert( isBoss ); // 확인 버튼을 눌렀다면 true가 출력됩니다.

 

✅ 단점

- 창이 떠 있는 동안, 스크립트가 일시정지 된다.

- 창을 닫기 전까지 이후 동작에 제약을 받는다.

- 스타일링이 불가하다(위치와 모양을 저할 수 없고 브라우저마다 모양도 다르다)