: JS에서 사용할 수 있는 메시지 박스 3종류
- alert
- confirm
- prompt
1.alert
: 사용자가 확인 버튼을 누를떄까지 메시지를 보여주는 창이다.
메세지가 있는 작은 창은 모달 창(modal window)라고 부른다.
'모달' 이란 단어엔 페이지의나머지 부분과 상호 작용이 불가능하다는 의미가 내포되어 있다. 따라서 사용자가 모달 창 바깥에 있는 버튼을 누른다거나 하는 행동은 할 수 없다.2.confirm
: 사용자에게 메시지를 보여주고, [확인/취소] 중 하나를 선택하도록 한다.
: 사용자가 [확인] 선택하면 true를 리턴하고, [취소]를 선택하면 false를 리턴한다.
형식
result = confirm(question);-> 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 보여준다.
-> [확인]을 클릭하면 : true
-> [취소]를 클릭하면 : false
3. prompt
: 사용자가 무언가를 입력하라는 메시지를 전달하고, 입력받을 수 있다.
: prompt() 함수에 전달되는 첫번째 파라미터(==title)는 사용자에게 보여줄 메시지이고,두번째 바라피터(==default)는 사용자 입력 필드에 보여질 초기값이다.(두번째 파라미터는 필수 입력값은 아니다.)
: 사용자가 prompt창에 무언가를 입력하면 [확인] 버튼을 누르면, prompt()는 사용자가 압력한 값을 리턴한다.
: 만약 사용자가 [취소]버튼을 클릭하면 prompt()는 null을 리턴한다.
형식
result = prompr(title, [default]);-> 함수가 실행되면 테스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(cancel)버튼이 있는 모달 창을 띄워준다.
1) title : 사용자에게 보여줄 문자열
2) default : 입력 필드의 초깃값(선택값)
인수를 감싸는 대괄호[...]의 의미
: default를 감싸는 대괄호는 이 매개변수가 필수가 아닌 선택값이라는 것을 의미한다.
Internet Explorer(IE)에서 항상 '기본값'을 넣어주자!
: prompt 함수의 두번째 파라미터(==두번째 매개변수)는 선택사항이지만, 이 파라미터가 없는 경우 IE는 "undefined"를 입력 필드에 명시한다.
let test = prompt("Test");
//IE 사용자를 비롯한 모든 사용자에게 깔끔한 prmpt를 보여주려면 아래와 같이 두번쨰 파라미터를 항상 전달해줄 것을 권장한다.
let test = prmopt("test",'');사용자에게 이름을 물어보고, 입력받은 이름을 그대로 출력해주는 페이지를 만들어보자.
