[Javascript] 4. alert() prompt() confirm

1. alert()

• 일방적으로 알리는 용도로 사용
• 메세지를 보여줄 때 사용
• 확인 버튼을 누르면 사라집니다.

<script>
alert('삭제 되었습니다.');
</script>

2. prompt

• 사용자에게 값을 입력받을 때 사용합니다.

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

<script>
const name = prompt("예약일을 입력하세요.", "2022-06-");
//defalut값을 입력가능(안내하거나 힌트를 줄 때 유용하다.)
</script>

3. confirm()

• 뭔가를 확인받을 때 사용할 수 있다.
• alert와 다른 점은 취소버튼이 있다.

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

console.log(isAdult) 
</script>

이때 확인을 누르면 true 값이,
취소를 누르면 false 값이 입력되기 때문에
이 결과 값을 활용해서 이후 작업을 진행할 수 있다.

사용자가 액션을 확인할 때에 자주 사용된다.

*단점

1. 스크립트가 일시 정지

• 창을 닫기 전까지는 이후 동작에 제한을 받습니다.

2. 스타일링 x

• 위치와 모양을 정할 수 없다.
• 브라우저마다 모양이 다릅니다.

그래도 기본 메서드가 빠르고 간단하게 적용되는 장점때문에 굉장히 많이 사용됩니다 !