본문 바로가기
Frontend/JavaScript

3. alert, prompt, confirm

by 예린lynn 2024. 7. 7.
728x90

 

alert

  • 메시지 팝업 창을 띄우는 용도
  • alert() 안에 들어가는 내용을 출력한다.
  • 사용자가 '확인(OK)' 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있는다.
alert (...);

 

 

prompt

  • 문자열 자료형을 입력할 때 사용하는 함수
  • 사용자에게 텍스트를 입력하라는 메시지를 띄워줌과 동시에, 입력 필드를 제공한다.
  • 확인(OK)을 누르면 입력한 문자열을 반환하고, 최소(Cancel) 또는 Esc를 누르면 null을 반환한다.
  • title : 사용자에게 보여줄 문자열
  • default : 입력 필드의 초깃값. 입력하지 않아도 된다.
//기본형
 prompt (title, [default]);
 
 //예시
 const input = prompt('message', '_default');
 
 let age = prompt('나이를 입력해주세요.', 100);
 
 //default 값이 없어도, 깔끔한 프롬프트를 보여주기 위해 ''를 적는걸 권장한다.
 let test = prompt("Test", '');

 

 

confirm

  • 사용자가 확인 또는 취소 버튼을 누를 때까지 메시지 창을 띄운다.
  • 확인(OK) 버튼을 누르면 true, 취소 버튼이나 Esc를 누르면 false를 반환한다.
//기본형
 confirm(메시지 문자열)
 
 //예시
 const input = confirm('수락하시겠습니까?')
728x90

'Frontend > JavaScript' 카테고리의 다른 글

6. 콜백 함수  (0) 2024.07.08
5. 함수  (2) 2024.07.07
4. 배열  (0) 2024.07.07
2. 변수 (let, var), 상수 (const)  (0) 2024.07.07
1. 기본 자료형  (0) 2024.07.06