자바스크립트 기본 - 상호작용

모달(modal) = 메세지가 있는 작은 창 이라는 뜻 , 페이지의 나머지 부분과 상호작용 불가능 하다는 의미 내포

 

alert, prompt, confirm 함수 실행시 제약사항 2가지

   - 모달 창의 위치는 브라우저가  결정. 보통 중앙에 위치한다.

   - 모달 창의 모양은 브라우저마다 다르고 수정할 수 없다.

 

prompt 

실행하면 텍스트 메세지와 입력필드 , 확인 , 취소 버튼이 있는 모달 창을 띄워준다.

let result = prompt(title, [default]);

매개변수는 2가지 이다.

   title -> 사용자에게 보여줄 텍스트 메세지

   default -> 입력필드에 나타낼 초깃값 ( 선택값 ) 

 

default를 감싸는 [ ] 는 필수값이 아닌 선택값이라는 것을 의미한다.

 

사용자가 입력필드에 값을 입력하고 확인(OK) 버튼을 누르면 입력값이 반환된다.

사용자가 취소(Cancle)버튼 or Esc를 누르면 null 이 반환된다.

반환된 값을 변수에 담아서 사용함.

 

 

confirm

실행하면 매개변수로 받은 질문(question) 과 확인, 취소 버튼이 있는 모달 창을 띄워준다.

let result = confirm(question);

매개변수는 1가지 이다.

    question -> 사용자에게 보여줄 텍스트 메세지 (질문)

 

사용자가 확인(OK) 버튼을 누르면 true 반환.

사용자가 취소(Cancle) 버튼 or Esc를 누르면 false 반환.

 

 

 

 

 

기본이 중요하다.