[JavaScript] 브라우저에서 유저와 상호작용이 가능한 함수 (alert, prompt, confirm)

alert

이 함수가 실행되면 확인을 누를 때까지 떠있는 모달창이 나옴

prompt

두개의 인수를 받는 이 함수는

result = prompt(title, [default]);

let age = prompt('나이를 입력해주세요.', 100);

alert(`당신의 나이는 ${age}살 입니다.`); // 당신의 나이는 100살입니다.

이 함수가 실행되면 유저가 대화상자의 필드에 원하는 값을 입력하고

확인을 누를 수 있습니다. 입력을 원하지 않으면 취소를 눌러 나올 수 있음

 

이 함수는 유저가 필드에 기재한 문자열을 반환하고 취소한다면 null이 반환

 

confirm

이 함수는 변수로 받은 question과 확인 및 취소버튼이 있는 모달이 뜸

당연히 확인을 누르면 true 와 그 외에는 false 를 반환 

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

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

위 함수들은 전부 모달을 띄워주는데 떠있는 동안에는

스크립트의 실행이 일시 중단된다. 즉 닫기 전까지 나머지

페이지와 상호작용이 불가능.

 

제약도 있는데 모달의 위치는 브라우저가 결정하고 보통 중앙 위치

브라우저마다 모양도 다른데 개발자는 수정할 수 없다