front-end/js

[JS] 2. 대화상자(alert, prompt, confirm)

쭈냥이 2023. 11. 10. 15:11

1. alert

(1-1) alert는 웹페이지 자체에서 알림을 띄우게 만듭니다. 상호작용이라기 보단 일방적인 알림입니다.

const name = "zeroJJUN";
alert(`안녕하세요 ${name}님 `);

 

 

 

 

 

2.prompt

(2-1) prompt는 사용자가 직접 입력할 수 있도록 해줍니다.

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

 

(2-2) prompt는 2개의 인수를 받을 수 있는데 콤마로 구분하며,

첫 번째 인수는 질문 _ 두 번째 인수는 답변에 대한 힌트입니다. 

 

 

 

 

3.confirm

(3-1) confirm은 사용자의 행동을 재차확인할 때 사용합니다.

const Ack = confirm("정말 삭제하시겠습니까?");
console.log(Ack);

 

(3-2) 만약 확인을 누른다면 true가 반환되고, 취소를 누른다면 false를 반환합니다.

alert는 확인만 있는 반면에, confirm은 취소까지 있기 때문에 더 자주 사용됩니다.