🙋‍♀️ 자바스크립트 다이얼로그 : 사용자 입력 및 메세지 출력

🚩 자바스크립트는 사용자에게 메시지를 출력하거나, 입력 받을 수 있는 3가지 다이얼 로그를 갖고 있다.

1. prompt("message","default");

	prompt는 함수나 마찬가지 이다. 메세지 문구가 출력되면서, input 박스처럼 커서가 반짝인다. 
	디폴트 입력 값은 생략이 가능하고, 사용자가 입력한 문자열 값을 리턴하지만 
	아무도 값을 입력하지 않으면 ""을 리턴, 취소나 강제로 닫으면 null을 리턴한다. 

2. confirm("message");

	확인/취소 버튼을 가진 다이얼로그를 출력한다. 
	확인 true, 취소 혹은 강제로 닫을 시 false를 리턴한다.

3. alert("메세지");

	경고 다이얼로그 
	
예시1) confirm , alert
<script>
    var msg = "";
    if (confirm("결제하시겠습니까?")) {
      // 여기서 confirm dialog 사용 , 결제하시겠습니까?라는 문구와 함께 창이 뜬다
      // 확인과 취소의 여부를 묻는 창
      msg = "결제되었습니다.";
    } else {
      msg = "결제 취소";
    }
    documnet.write("<p>" + msg + "<p>"); // p태그로 감싸면서 msg를 출력
    alert(msg); // 경고 다이얼로그, 소괄호 안의 문구가 창과 함께 뜬다
  </script>

예시2) prompt
<script>
    var name = prompt("이름을 입력하세요.");
    // 메세지가 출력되며 커서가 반짝이는 창이 뜰 것이다.
    // 직접 입력한 메세지는 name 변수에 들어가는 것
    document.write("<h1>" + name + "<h1>");
    console.log(name); // 브라우저 콘솔에서 출력 값을 확인 할 수 있다.
  </script>