[Javascript 기초] 메시지가 뜨는 alert, prompt, confirm - 가온 코딩

메시지가 뜨는 alert, prompt, confirm

목차

1. alert 알려준다

2. prompt 입력받는다

confirm 확인받는다

 

1. alert() 알려준다: 내용 및 확인 버튼

함수가 실행되면 메시지가 뜨고, 사용자가 확인 버튼을 누르기 전까지는 계속 떠있다.
상호작용보다는 알림 용도 예) 삭제되었습니다.

 

 

2. prompt() 입력받는다: 입력 내용 및 확인 버튼

const name = prompt("이름을 입력하세요.");
alert("환영합니다, " + name + "님"); // 팝업창 실행

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

const name = prompt("예약일을 입력해주세요.", "2020-10-");  //콘솔 입력창에 2020-10- 미리 입력되어있음.
// 취소 버튼 누르면 null 반환, 두번째 인수값을 넣으면 defult 값 입력 가능

 

 

3. confirm() 확인받는다: 취소, 확인 버튼

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

console.log(isAdult) // 확인 true, 취소 flase 값 반환
//예) 결제 하시겠습니까? 정말 삭제 하시겠습니까?

 

기본적으로 제공되는 창은 편리하지만 단점이 있다.

1. 스크립트 일시 정지됨

2. 스타일링 X(위치, 모양 변경 x)
but 빠르고 간단하게 적용 가능하다는 장점 때문에 많이 사용됨.

 

참고자료

코딩앙마 - 자바스크립트 기초 강좌 : 100분 완성(https://youtu.be/KF6t61yuPCY)