[TIL] JavaScript-모달 창

이지예·2022년 4월 25일
0

JavaScript

목록 보기
6/24

모달 창(modal window)

메시지가 있는 작은 창은 모달 창(modal window)이라고 한다. 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어있다. 모달창의 모양은 브라우저마다 다르며 개발자는 모달 창의 모양을 수정할 수 없다.
이전에 인수를 하나만 쓴 prompt예시를 올린적 있었는데, prompt함수는 두개의 인수를 받는다.

result = prompt(title, default);

함수가 실행되면 title(사용자에게 보여줄 문자열)과 입력필드, 확인 취소 버튼이 뜨고
입력 필드에 default가 적혀있는 모습으로 모달창이 뜨게 된다.

컨펌 대화상자

confirm함수는 매개변수로 받은 질문과 확인 및 취소 버튼이 있는 모달 창을 보여준다.

let isBoss = confirm("당신이 주인인가요?");
alert( isBoss ); // 확인 버튼을 눌렀다면 true가 출력됩니다.

과제에 대한 내용은 깃허브에 올려 놓았다.

0개의 댓글