자바스크립트 기초(2)_alert/prompt/confirm

alert() : 알려줌 - 메세지를 띄우고 확인 버튼을 누르기 전까지 계속 띄워져 있음

prompt() : 입력 받음 - 입력 필드 제공

confirm() : 확인 받음 - true / false 값 반환

 

 

alert 활용

const name = prompt("이름을 입력하세요.");

//alert("환영합니다, " + name + "님");

alert(`안녕하세요, ${name}님. 환영합니다.`); //위 코드 백틱으로 변환

console.log(name)

 

 

prompt 활용

//prompt는 두개의 인수를 받을 수 있음.

//인수란 함수를 실행하는 과정에서 들어가는 값

const name2 = prompt("예약일을 입력해주세요.", "2020-10-"); //두번째 인수는 입력받을 default 값

 

 

 

confirm 활용

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

console.log(isAdult);

 

 

 

단점

1. 상자가 떠있는 동안 스크립트가 일시 정지 된다.

2. 스타일링이 어렵다(스타일링 하려면 이런 기본 메서드가 아닌 모달창으로 구현하고 기능 넣어야됨)