자바스크립트 기초 강좌 3- alert, prompt, confirm

●대화상자 3가지 

alert        알려줌 

prompt   입력 받음

confirm   확인 받음

 

1. alert()

일반적으로 대화창을 띄우는 용도 ex. 비밀번호를 입력해주세요, 회원가입을 해주세요. 

2. prompt()

 ; 입력받는 창   → 취소 누르면 null 반환

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

 alert(`안녕하세요, ${name}님. 환영합니다.`);    → 안녕하세요, 이름님. 환영합니다. 

 

*디폴트값 사용

const name = prompt("예약일을 입력해주세요.", "2020-10-");    첫번째값= 대화창 질문내용, 두번째값= 입력받을 디폴트값

console.log(name);

 

 

3. confirm()

; 사용자에게 확인받기 위한 창

const isAdult = confirm("당신은 성인 입니까?");  → 확인: true/  취소: false

console.log(isAdult);

 

**단점은?

1) 스크립트 일시 정지 

  창이 떠 있을 때는 다른 화면 작동 안되므로 작업 못함.

2) 스타일링 안됨

   디자인을 할 수 없음