본문 바로가기
Front-End/Javascript

[JavaScript] 입출력 대화 상자_alert , confirm, prompt

by 찐코딩 2021. 11. 11.

자바스크립트에서의 입출력 대화상자

alert 

알림(경고) 창 - : 특정 정보를 사용자에게 메세지 창으로 알려 주기 위해 주로 사용됨.

window.alert("알림 내용 또는 경고 내용");
alert("알림 내용 또는 경고 내용");	//window는 생략 가능

 

confirm 

확인 창 - : 확인 또는 취소 창이 나타나는 알림창

[확인] - true / [취소] - false 값을 반환

 window.confirm("문자열");
confirm("문자열");	//window는 생략 가능

confirm 예제)

let type = confirm("현재 시간은 오전인가요?");
	
console.log(type);
	
console.log(typeof type);

Javascript에서 데이터의 타입을 확인하기 위해서는 typeof  를 사용

 

확인을 눌렀더니 console.log(type)을 통해 true값이 반환되었고,

자료형의 종류는 boolean형인 것을 확인할 수 있다.

 

prompt 

입력 창 - 키보드로 데이터를 입력받을 때 사용하는 알림창

window.prompt("문자열", 초기값);
prompt("문자열", 초기값);	//window는 생략 가능

prompt 예제)

let height = prompt("당신의 키를 입력하세요.");
	
console.log(typeof height);
	
// 적정 표준 몸무게를 알아 보자.
// 적정 표준 몸무게 : (키 - 100) * 0.9
let standWeight = (Number(height) - 100) * 0.9;

document.write("당신의 적정 몸무게는 " + standWeight +"kg 입니다.<br>");

height의 데이터 타입인 string을 반환했다.

댓글