53. (javascript/자바스크립트) 윈도우 (window) 대화 상자 팝업창 표시 실시 - alert , confirm , prompt

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>
    	/* 
    	[요약 설명]
    	1. 대화 상자는 브라우저에서 사용자에게 보여줄 수 있는 간단한 이벤트 창을 제공합니다
    	2. window 객체에서 사용가능한 대화 상자 : alert() , confirm() , prompt()
    	3. alert() : 사용자에게 간단한 메시지를 보여줍니다
    	4. confirm() : 사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환합니다
    	5. prompt() : 사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 문자열을 반환합니다   	
    	*/
    	    	
    	
    	/* 이벤트 함수 정의 */
    	function main() {
    		
    		/* alert 팝업창 표시 */
    		window.alert("call alert");
    		console.log("alert : 호출");
    		
    		
    		/* confirm 팝업창 표시 */
    		var confirm = window.confirm("call confirm");
    		if(confirm == true){
    			console.log("confirm : 확인 클릭");
    		}
    		else {
    			console.log("confirm : 취소 클릭");
    		}
    		
    		
    		/* prompt 팝업창 표시 */
    		var prompt = window.prompt("내용을 입력하세요");
    		if(prompt != null){ //메시지 내용이 null 아닐 경우
    			console.log("prompt : " + prompt);
    		}
    		else {
    			console.log("prompt : " + "null");
    		}
    		    		
    	};  	    	    	
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

​

​

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[요약 설명]

1. 대화 상자는 브라우저에서 사용자에게 보여줄 수 있는 간단한 이벤트 창을 제공합니다

2. window 객체에서 사용가능한 대화 상자 : alert() , confirm() , prompt()

3. alert() : 사용자에게 간단한 메시지를 보여줍니다

4. confirm() : 사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환합니다

5. prompt() : 사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 문자열을 반환합니다

*/

/* =========================== */