JavaScript. alert와 prompt(조건문 이용)

728x90

경고창 연습 + 이름 출력 후 화면에 띄우기

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
 </head>
 <body>
<script>
var name,qs;
alert("안녕하세요 \n 전달 사항을 출력합니다. \n 확인버튼을 누르세요");
name=prompt("이름을 입력하세요","홍길동(초기값)");
document.write("<h2><font color='blue'>"+name + "</font>님 어서오세요~</h2>");
//prompt입격, document출력
  </script>
 </body>
</html>

알림창 띄워서 결과 선택하기

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
 </head>
 <body>
<script>
//알림창으로 띄우는 것
qs=prompt("산택하세요. 1.플래시 2.자바 3.HTML","");
if (qs == "1"){alert("플래시 선택하셨군요");   }
else if (qs == "2"){alert("자바 선택하셨군요");   }
else if (qs == "3"){alert("HTML 선택하셨군요");   }
else  {alert("잘못선택하셨어요!!");  }

/*
화면에 출력하는 것
qs=prompt("산택하세요. 1.플래시 2.자바 3.HTML","");
if (qs == "1"){document.write("플래시 선택하셨군요");   }
else if (qs == "2"){document.write("자바 선택하셨군요");   }
else if (qs == "3"){document.write("HTML 선택하셨군요");   }
else  {document.write("잘못선택하셨어요!!");  }
*/

  </script>
 </body>
</html>

확인창 띄워서 확인 취소로 결과 선택하기

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
 </head>
 <body>
  <script>
an=confirm("수강신청 하시겠습니까? \n [확인], [취소] 버튼 중 선택");
//alert(an);
if (an == true)
   alert("수강신청되셨습니다.");
  else
    alert("취소되었습니다.");
  </script>
 </body>
</html>

728x90

티스토리툴바