alert,prompt,confirm

김하은·2023년 4월 19일
0

브라우저와 사용자가 상호작용할 수 있든 세가지 함수

alert

사용자가 확인버튼을 누를때까지 알림창이 떠 있다.

prompt

이 함수는 두가지의 인수를 받는다.

result = prompt(title,[default])

함수가 실행되면 텍스트 메세지와 input필드,확인, 취소 버튼이 있는 모달 창을 띄워준다.

title에는 사용자에게 보여줄 문자열이,
default에는 입력필드의 초깃값(선택)이 들어간다.

여기서 인수를 감싸는 대괄호 표시는 필수값이 아니라 선택값이라는 것을 의미한댜.

사용자는 prompt대화상자의 input필드에 원하는 값을 입력하고 확인을 누를 수도 있으며, 취소나 esc를 눌러 닫을 수도 있다.

사용자가 입력을 취소한 경우에는 null이 반환된다.

let age = prompt('나이를 입력해줘',0);

alert(`너의 나이는 ${age}`이지?);

원래 prompt에서 두번째 인자(매개변수)는 선택값이지만,
IE에서는 항상 이 기본값을 넣어주어야한다. 이 매개변수가 없는 경우에는 undefined를 입력필드에 띄우기 때문이다.

따라서 모든 사용자를 고려하여 두번째 매개변수도 적어주는 것이 좋다.

confirm

result = confirm(question)

confirm함수는 매개변수로 받은 question과 확인, 취소 버튼이 있는 알림창이뜬다.
사용자가 확인 버튼을 누르면 true, 그 외에는 false를 반환한다.

이것들이 뜨는 알림창을 모달창이라고 한다.

0개의 댓글