JS - alert, prompt, confirm을 이용한 상호작용

가가·2020년 9월 23일
0

js

목록 보기
5/11
post-thumbnail

alert

이 함수가 실행되면 사용자가 '확인(OK)' 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 된다.

alert("Hello");

메시지가 있는 작은 창은 모달 창(modal window)라고 부른다. '모달' 이란 단어엔 페이지의 나머지 부분과 상호작용이 불가능 하다는 의미가 내포되어있다. 따라서 사용자는 모달창 바깥에 있는 버튼을 누른다던가 하는 행동 불가. 확인 버튼을 누르기 전까지

prompt

result = prompt(title,[default]);

함수가 실행되면 텍스트메시지와 입력필드(input field), 확인(ok), 취소 (cancel)버튼이 있는 모달창을 띄어줌
title : 사용자에게 보여줄 문자열, default : 입력필드의 초깃값(선택값)
인수를 감싸는 대괄호[...]의 의미는 필수가 아닌 선택값이라는것을 의미
모든 사용자에게 깔끔한 프롬프트를 보여주려면 아래와 같이 두번째 매개변수를 항상 전달해줄것을 권장.

컨펌 대화상자

result = confirm(question);

confirm 함수는 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 보여준다. 사용자가 확인누르면 true, 그 외는 false.

profile
주니어개발자

0개의 댓글