자바스크립트 기초 ep.5 - 입력 (prompt, confirm)

자바스크립트에서 사용자로부터 입력을 받기 위해 prompt 함수를 사용합니다. confirm은 사용자로부터 확인 받아 true, false 값을 리턴해주는 함수입니다.

 

 

자바스크립트 입력 (prompt, confirm)

다른 언어와 마찬가지로 자바스크립트에도 사용자로부터 입력 받는 prompt 함수가 있습니다. prompt 함수는 별도의 팝업창을 띄워 사용자로부터 입력을 받습니다. confirm 함수는 별도의 팝업창에서 확인, 취소 두가지 옵션을 주어 사용자로부터 true, false 값을 리턴 받습니다.

 

• prompt 함수
• comfirm 함수

 

 

prompt 함수

사용자로부터 입력받기 위해 prompt 함수를 사용하면 입력창이 팝업됩니다. 입력 받은 내용을 변수에 저장하여 사용하면 됩니다.

 

// prompt 파라미터는 입력 메세지
var input = prompt("입력");
console.log(input);

 

prompt(입력메세지); 로 사용하면 됩니다. 코드를 실행하면 "입력" 으로 보여지는 입력메세지와 함께 입력창이 뜹니다.

 

입력 팝업창

 

이곳에 입력할 값을 넣고 확인을 누르면 var input 에 입력된 값이 저장됩니다.

 

입력 결과

 

prompt 함수는 입력 창에 초기값을 설정할 수 있습니다. 입력메세지 다음 초기값을 설정하면 됩니다.

 

// prompt 의 두번째 파라미터는 초기값
var input = prompt("이름 입력", "홍길동");
console.log(input);

 

입력창이 팝업되면 초기값이 입력창에 미리 적혀있습니다.

 

초기값으로 설정되어 있음

 

주의!

prompt 로 입력받는 입력값은 문자열 입니다. 숫자를 넣어도 문자열로 리턴되기 때문에, 리턴값을 데이터 타입에 맞게 변경하여 사용해야 합니다. 데이터 변경 방법은 추후 다루도록 하겠습니다.

 

 

confirm 함수

confirm 함수는 확인을 위한 함수로, 사용자가 확인 버튼을 누르면 true, 취소를 클릭하면 false를 반환하는 함수 입니다.

 

// 사용자에게 확인받는 함수
var result = confirm("confirm 확인");
console.log(result);

 

confirm(메세지); 형태로 쓰이며 메세지를 출력하고 확인, 취소 버튼이 보이는 팝업창이 뜹니다.

 

confirm 함수 실행

 

확인은 true, 취소는 false 로 boolean 타입의 값으로 리턴됩니다.

 

확인을 누른 결과

 

 

마무리

자바스크립트에서 입력받는 값은 문자열이라는 점을 알아둬야 합니다. 암묵적 치환으로 숫자를 입력하면 그대로 number 값 처럼 사용될 수 있지만 에러를 발생 시킬 수 있습니다. 이 부분은 추후 포스팅 하도록 하겠습니다. 

 

오늘도 행복한 코딩생활 되시기 바라겠습니다. 감사합니다.