3. 대화상자

조뮁·2022년 6월 26일
0

JS기초

목록 보기
3/14
post-thumbnail

alert, prompt, confirm

  • 사용자와 상호작용 할 수 있는 대화상자

alet

  • 사용자에게 메세지박스를 보여줌
  • 확인버튼을 눌러 닫기 가능

prompt

  • 사용자에게 어떤 값을 입력받을 때 사용.
  • 사용자가 내용을 입력하지 않고 취소 누를 시, null값이 들어감.
  • 두번째 인수를 넣어 디폴트값 입력 가능
const name = prompt("이름을 입력하세요", "ex) sungwon-cho");
alert(`${name}님, 환영합니다.`);

confirm

  • 사용자에게 확인을 받을 때 사용
  • alert는 확인버튼만 있지만, confirm은 확인/취소 버튼이 있음
const isChked = confirm('모든 내용을 확인 하셨나요?');
console.log(isChked);

// 확인 클릭 시 > true
// 취소 클릭 시 > false

장점
1. 빠르고 간단하게 적용 가능

단점
1. 창이 떠있는 동안 스크립트 일시정지
2. 스타일링 불가 (브라우저마다 모양이 다름)

0개의 댓글