📚 [JS] alert, prompt, confirm의 상호작용

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

​

​

✳ alert

- 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 됩니다.

- 메시지가 있는 작은 창은 모달 창 이라고 부릅니다. 확인 버튼을 누르기 전까지 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없습니다.

alert("hello");

---

​

✳ prompt

- prompt함수는 두개의 인수를 받습니다.

- 함수가 실행되면 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달 창을 띄워줍니다.

result = prompt(title, [default]);

title - 사용자에게 보여줄 문자열

default - 입력 필드의 초깃값

ㄴ default를 감싸는 대괄호는 이 매개변수가 필수가 아닌 선택값이라는 것을 의미

​

- 입력 필드에 원하는 값을 입력하고 확인을 누를 수 있습니다. 값을 입력하길 원하지 않는 경우는 취소 버튼을 누르거나 esc를 눌러 대화상자를 빠져나가면 됩니다.

- 사용자가 입력을 취소한 경우는 null이 반환 됩니다.

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

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

---

✳ confirm

- 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 보여줍니다.

사용자가 확인버튼을 누르면 true, 그 외의 경우는 false를 반환합니다.

let newuser = confirm("처음이신가요?");

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

 

 

 

 

 

출처/인용 - javascript.info