대화상자

자바스크립트의 window 객체에서는 사용자에게 대화상자를 표시하기 위해 다음과 같은 전역 함수를 제공한다.

위의 세 메서드는 사용자가 대화상자를 닫기 전까지는 null을 반환하지 않는데, 이는 사용자가 요청받은 입력에 대해 반응하기 전까지 자바스크립트 코드가 실행을 멈추고 현재 로딩 중인 문서가 로딩을 중단한다는 의미다.

alert() 예제

alert() 함수를 사용하는 예제는 다음과 같다.

alert("itinpractice.com에 오신 것을 환영합니다")

confirm() 함수를 사용하는 예제는 다음과 같다.

var confirmation = confirm("확실합니까?");
if (confirmation){
    console.log("'확인'을 누르셨습니다!");
}else{
    console.log("'취소'를 누르셨습니다!");
}

'확인'을 클릭하면 확인 대화상자가 true를 반환하고 '취소'를 클릭하면 확인 대화상자가 false를 반환한다.

prompt() 함수를 사용하는 예제는 다음과 같다.

var city = prompt("도시명을 입력해 주세요", "기본 도시명");
console.log(city + "에 오신 것을 환영합니다");

'확인'을 클릭하면 프롬프트 대화상자가 입력값을 반환하고, '취소'를 클릭하면 프롬프트 대화상자가 null을 반환한다.