[Javascript] 기본 - 대화상자

1. 대화상자

1. alert : 알려줌

alert() > 알림창이 뜨고 사용자가 확인 버튼을 누르기전까지 떠있음,

사용자와 상호 소통보단 일방향 전달

예시, 비밀번호 입력/ 이름은 필수값이다.

 

2. prompt: 입력 받음

프롬프트를 통해 정보를 입력받을 수 있음 = 입력받을 필드 제공

const name = prompt('이름을 입력하세요.');
alert('환영합니다, '+ name + '님');

const name = prompt('이름을 입력하세요.');
alert('안녕하세요, ${name}님. 환영합니다.');

- 입력창에서 > 취소를 누르면 > null 

 

- prompt 는 default 값을 넣을 수 있음, 

- 두개의 인수를 가질수도 있음, 첫번쨰 인수는 질문 타이틀이고 두번째 인수가 필드값에 넣어줄 디폴트값

const name = prompt('예약일을 입력해주세요.', "2023-04-00");

 

 

3. confirm : 확인 받음

- alert()는 확인버튼만, confirm은 확인 & 취소 버튼 모두 있음

const isAdult = confirm("당신은 성인 입니까?");
console.log(isAdult)
>>> 확인 : True
>>> 취소 : False

 

 

 

4. 단점

창이 실행될 동안, 스크립트가 일시 정지됨

(유튜브에서 채널 구독 누를 때 알림 창이 뜬다면 하나씩 다 확인 버튼을 눌러줘야 이용가능)

스타일링이 불가능함