여니의 프로그래밍 study/JavaScript

2-6 alert, prompt,confirm을 이용한 상호작용 (Javascript)

여니's 2021. 3. 8. 22:06


alert 함수

> 사용자가 확인 버튼을 누를때까지 메세지를 보여주게끔 하는 함수

 

- 모달 창

: 메세지가 있는 작은 창을 의미한다.

모달이라는 단어엔 페이지의 나머지 부분과 상호 작용이 불가능하다는 의미가 내포되어 있다.

즉, 확인 버튼을 누르기 전까진 모달 창 밖에 있는 버튼을 누를 수 없다.

 


prompt 함수

> 함수가 실행되면

텍스트 메세지와 입력 필드,

확인 및 취소 버튼이 있는 모달창을 띄워준다.

 

result = prompt(title,[default]);

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

default : 입력 필드의 초깃값(선택값)

※ IE 에서는 항상 기본값을 넣어줘야 한다.

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

 


confirm 함수 (컨펌 대화상자)

result = confirm(question);

 

confirm 함수는

매개변수로 받은 question(질문)과

확인 및 취소 버튼이 있는 모달창을 보여준다.


출처

ko.javascript.info/alert-prompt-confirm

 

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

 

ko.javascript.info