loading

프로그래밍/JavaScript

[JavaScript] prompt(), confirm(), alert() 사용방법

침착곰 2022. 3. 11. 22:43
반응형

안녕하세요.

이번 포스팅에서는 JavaScript(자바스크립트)의 기본적인 함수 prompt(), confirm(), alert()에 대하여 알아보겠습니다.

 


 

prompt()

- 문자열을 입력할 때 사용합니다.

- 숫자를 입력해야한다면, 입력한 값을 숫자로 변환해서 사용해줘야 합니다.

- prompt()만 사용하는 경우 아무런 설명없이 문자열만 입력받습니다.

- prompt("메시지", "디폴트 값") 첫 번째 파라미터는 입력 창에 띄어줄 메시지입니다. 두 번째 파라미터는 입력 부분의 기본 디폴트 값입니다.

- 사용예제

1. prompt();

<script>
    var name = prompt();
    document.write("<b><big>" + name + "</big></b>님, 환영합니다.");
</script>

prompt()만 사용하면 아무 설명없이 문자열을 입력받습니다.

 

2. prompt("메시지");

<script>
    var name = prompt("이름을 입력해주세요.");
    document.write("<b><big>" + name + "</big></b>님, 환영합니다.");
</script>

prompt("메시지")를 사용하여 입력받을 때 메시지를 띄어줍니다.

 

3. prompt("메시지", "디폴트 값");

<script>
    var name = prompt("이름을 입력해주세요.", "CrazyKim");
    document.write("<b><big>" + name + "</big></b>님, 환영합니다.");
</script>

prompt("메시지", "디폴트 값")을 사용하여 "메시지"를 띄어주고, 디폴트값을 넣어줄 수 있습니다.

 


 

confirm()

- 메시지에 대하여 boolean값을 받을 때 사용합니다.

- "확인"버튼을 누르면 true값을 "취소"버튼을 누르면 false값을 받습니다.

- 사용예제

<script>
    var truefalse = confirm("True Or False");
    document.write("<b><big>" + truefalse + "</big></b>를 선택했습니다.");
</script>

confirm("메시지")를 사용하여 "메시지"를 띄어주고 "확인", "취소"값을 받습니다.

 


 

alert()

- 알람 메시지를 띄울 때 사용합니다.

- 자바스크립트를 한다면 가장 많이 사용하는 함수일 것 입니다.

- alert("메시지")를 하면 안의 메시지를 보여줍니다.

- 사용 예제

<script>
    alert("환영합니다.");
</script>

alert("메시지")를 사용하여 메시지의 내용을 띄어줍니다.

 

이상 prompt(), confirm(), alert()의 사용방법에 대해서 알아봤습니다.

반응형
그리드형