[JS 기초 Day 1] 대화상자

[대화상자]

 

alert: 알려줌

prompt: 입력받음

confirm: 확인받음

 

(-)

1. 스크립트 일시 정지

2. 스타일링 불가

 

(+)

빠르고, 간편!

 

---

 

//alert: 알려줌
const name="mike";

alert(name);

실행결과

---

//prompt: 입력받음

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

 

 

//백틱(`) 사용

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

 

*prompt의 두 번째 인수를 통해 입력받을 default 값 설정 가능함

//인수 2개 설정해 default 값 넣어줌

const name = prompt("예약일을 입력하세요.","2022-03-");

---

//confirm: 확인받음

const isAdult = confirm("당신은 성인 입니까?");
console.log(isAdult);

*alert()과 차이점은 확인과 취소 버튼이 모두 존재한다는 것

 

true | false 결과 값을 통해 사용자 엑션을 한번 더 확인해 줌!

ex. 결제하시겠습니까? , 정말 삭제 하시겠습니까?