[JavaScript] 입력받기_prompt(), confirm()

2021. 2. 25. 16:49Program/JavaScript

prompt() 함수를 이용해 문자열 입력받기

<script>
       var input = prompt('입력받기', '메시지를 입력해주세요');
       alert(input);
</script>

prompt()함수를 이용하여 문자열을 입력받고 알림창으로 입력값을 출력하는 코드입니다.

첫번째 매개변수에는 입력값을 받는 인자이고, 두번째 매개변수는 기본적으로 입력되어 있는 문자열입니다.

 

만약 입력값을 알림창이 아니라 도큐멘트에 출력하고 싶을때는 다음과 같이 코드를 변경하여 출력합니다.

<script>
       var input = prompt('입력받기', '메시지를 입력해주세요');
       document.write(input);
</script>

 


 

confirm() 함수를 이용해 (Yes or No) 입력받기

<script>
	var input = confirm('확인하시겠습니까?');
	alert(input);
</script>

confirm() 함수는 prompt() 함수와는 달리 하나의 매개변수만을 받을 수 있습니다.

매개변수로 입력한 문자열은 입력창을 설명하는 문자열로 출력됩니다.

코드를 실행후 [확인]을 누르면 true를, [취소]를 누르면 false를 결과값으로 반환합니다.

 

위와같이 결과값을 true 또는 false가 아니라 원하는 메시지를 출력하고 싶다면

아래와 같이 조건문을 이용하여 상황에 따라 다르게 출력할 수 있습니다.

<script>
    var input = confirm('확인하시겠습니까?');
    if (input === true){
        alert('확인해주셔서 감사합니다.')
    } else {
        alert('안타깝네요~')
    }
</script>