[JavaScript공부 - 10] Interaction(상호작용):alert, prompt. comfirm

alert

---

구조 :

alert(message);

alert구문은 메세지를 보여주며 사용자가 "OK/확인"을 누르기 전까지 스크립트의 실행을 잠시 멈춤.

alert("Hello");

이 메세지를 띄우는 작은 윈도우 창을 modal window라고 부름. "modal"이라는 단어의 뜻은 사이트의 방문자가 윈도우창을 조작하기 전까지 다른 버튼을 누르거나 다른 페이지와 어떠한 작용을 할 수 없다는 뜻임. 즉, 사용자가 OK라는 버튼을 누를 때 까지 다른 스크립트들은 멈춰 있음

prompt

---

prompt 함수는 두 개의 인자를 받음.

result = prompt(title[, default]);

prompt 함수 또한 텍스트 메세지와 함께 모달 윈도우 창을 띄우는데 사용자를 위한 인풋 영역과 OK/CANCEL버튼과 함께 나타남.

title은 사용자에게 보여주기 위한 텍스트를 인자.

default는 두 번째 인자로 써도 되고 안써도 되는 옵션, 인풋 영역의 초기 값을 미리 넣어줌.

사용자는 이 prompt 인풋 영역에 어떠한 것이든 입력하고 OK 버튼을 누를 수 있음. 아니면 사용자는 ESC키나 ANCEL버튼을 눌러서 안풋영역에 입력을 하지 않고 취소시킬 수 팄음.

prompt는 인풋영역의 값을 리턴하거나 사용자가 cancel을 했을 때 null을 리턴함.

let age = prompt('How old are you?', 100);
 
alert(`You are ${age} years old!`); 

# IE는 default 인자값을 필수로 입력해주어야함!

원래 default 인자값은 옵션이지만 IE(Internet Explorer)에서는 어떠한 값이라도 넣어주어야함!

let test = prompt("Test", '');

confirm

---

result = confirm(question);

confirm함수는 모달창에 질문과 OK, CANCEL버튼이 함께 나타남!

OK를 누르면 confirm은 true를 리턴하고 CANCEL을 누르면 false를 리턴함.

let isBoss = confirm("Are you the boss?");
 
alert(isBoss); // true if OK is pressed, else, false