본문 바로가기
JavaScript

[Javascript] 알림창 종류알아보기 (Alert , Confirm, Prompt)

by teamnova 2022. 4. 30.
728x90

알림을 나타내는 스크립트는 Alert , Confirm, Prompt 가 존재합니다.
이번 시간은, Alert , Confirm, Prompt를 알아보겠습니다.





alert()은 사용자가 확인 버튼을 누르면 메시지를 표출합니다.

 

1. HTML

<input type="button" 
       onclick="bt_OnClick()" 
       value="alert"/>

2. JavaScript 

function bt_OnClick()  {
  alert('alert!');
}

 

 

confirm()은 사용자에게 확인/취소 중 하나를 선택할 수 있도록 합니다.
각 버튼의 리턴 값이 존재합니다.

 

1.HTML

 

<input type="button" 
       onclick="bt_OnClick()" 
       value="confirm"/>
<div id='result' />

2.JavaScript 

function bt_OnClick()  {
  let text= confirm("confirm?");
  document.getElementById('result').innerText = text;
}

 

prompt()는 사용자에게 입력하라는 메시지를 전달하고, 입력을 받을 수 있습니다.
회원가입 때 많이 나오는 부분 중 하나입니다.
사용자가 입력한 값을 리턴합니다.

 

 

1.HTML

 

<input type="button" 
       onclick="bt_OnClick()" 
       value="prompt"/>
<div id='result' />

 

2.JavaScript 

 

function bt_OnClick()  {
  let text= prompt('prompt');
  document.getElementById('result').innerText = text;
}

 

이상으로 알림 창 종류에 대해서 간단히 살펴보았습니다.