대화상자 D03

최성진·2023년 3월 8일
0

Javascript

목록 보기
4/8

alert 대화상자

  • 웹페이지에서 가장 일반적으로 사용되는 대화상자.
  • "확인"버튼이 함꼐 표시
  • alret("알림 대화상자");
<script>
 alert("안녕하세요." + user_id+"님")
 alert("로그아웃 되셨습니다.")
 alert("로그아웃이 취소 되셨습니다.")
</script>

prompt 대화상자

  • 사용자의 입력 내용을 얻고자 하는 경우에 사용하는 대화상자
  • prompt("입력할 대화상자","")
  • 만약 아무런 값도 입력되지 않았거나 사용자가 취소 버튼을 눌렀다면
  • 처음 설정한 빈 문자열("")이 리턴이 된다.
<script>
 let user_id = prompt("아이디를 입력하세요","");
</script>

confirm 대화상자

  • 사용자에게 어떠한 결정사항에 대한 긍정 혹은 부정의 답을 얻고자 하는 경우에 표시되는 대화상자.
  • let in_ok = confirm("확인 대화상자");
  • confirm 함수는 사용자가 긍정의 버튼을 클릭하면 true, 부정의 버튼을 클릭하면 false를 리턴
<script>
 let result = confirm("정말 로그아웃 하시겠습니까?")
</script>

<script>
let user_id = prompt("아이디를 입력하세요","");

if(user_id !=""){
     alert("안녕하세요." + user_id+"님")
     let result = confirm("정말 로그아웃 하시겠습니까?")
	 if (result) {
    	 alert("로그아웃 되셨습니다.")
	 }else{
    	 alert("로그아웃이 취소 되셨습니다.")
                
	 }
}
</script>
profile
마부리입니다

0개의 댓글