[JS] alert / prompt / confirm

nana·2023년 1월 3일
0

🟡 JavaScript

목록 보기
3/23
post-thumbnail

🖍️ alert ( )

사용자와 상호작용하지 않고 일방적으로 메세지를 보여줌

alert("삭제 되었습니다.");


🖍️ prompt ( )

사용자에게 메세지를 보여주고 어떤 값을 입력 받을 수 있는 필드를 제공
취소 를 누르면 null을 반환, 두번째 인수를 넣으면 default 값을 제공

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

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

// 두번째 인수 입력
const name = prompt("예약일을 입력해주세요.", "2023-12-31");


🖍️ confirm ( )

사용자에게 확인받을 때 사용 (ex. 결제 하시겠습니까? / 삭제하시겠습니까?)

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

이때, 확인 을 누르면 결과 값이 true / 취소 를 누르면 false


☹︎ 단점

0️⃣ 스크립트 일시 정지
1️⃣ 스타일링 불가 (브라우저마다 디자인 상이)

☺︎ 장점

기본 메서드는 빠르고 간단하게 적용 가능

profile
✧ 중요한건 꺾이지 않는 마음 🔥 ᕙ(•ө•)ᕤ 🔥

0개의 댓글